1
<div name="userName">1</div>
2
<div id="userName">2</div>
3
<script type="text/javascript">
4
    alert(document.getElementById("userName").innerHTML);
5
</script>

Opera also checks name attribute, so the alerted message is “1”.

For form elements, IE and Opera have the same behavior:

1
<input type="text" name="userName" value="1" />
2
<input type="text" id="userName" value="2" />
3
<script type="text/javascript">
4
    alert(document.getElementById("userName").value);
5
</script>

Here IE and Opera alerts “1”.

Actually:

• IE 6: Also checks name for form elements;
• IE 7: The same as IE 6;
• Firefox 2.0.0.8: Normal;
• Opera 9.24: Also checks name for any elements;
• Safari 3.0.3: Normal.

For complex web pages, it would be good if there is a spec for elements naming.