当HTML DOM中存在重复ID的元素时,javascript getElementById()的行为？

Question

当HTML DOM中存在重复ID的元素时,是否有人可以了解javascript getElementById()的行为？

Answer 1

虽然没有定义标准行为,但通常会返回找到的第一个元素.

演示:http://jsfiddle.net/ruNKK/

Answer 2

如果您有多个具有相同ID的元素,则可以选择全部使用

document.querySelectorAll("[id='myid']")

但是,如果你控制它,你应该只修复HTML.

Answer 3

是的,行为未定义.

标记无效,并且没有标准定义浏览器在该情况下应该执行的操作.

每个浏览器都会尝试做一些合理的事情,通常会返回第一个元素.可以处理的其他可能方法是返回最后一个元素,根本不返回任何元素(null)或抛出错误.