本文详解JavaScript中getElementsByName在IE5-9中的特殊行为。该方法在旧版IE中不仅返回name属性匹配的元素，还会错误返回id属性相同的元素。通过测试代码对比IE10+、Edge及现代浏览器输出结果，指出此兼容性问题，建议避免name与id使用相同字符串，确保跨浏览器兼容性。
IE浏览器getElementsByName兼容性陷阱
详解JavaScript 中getElementsByName在IE中的注意事项
前言：
在IE5至IE9版本中，JavaScript并未实现getElementsByClassName()方法，但实现了getElementsByName()方法。需要注意的是，该方法在IE5-9中还会返回id属性匹配的指定元素。为了保持代码兼容性，使用时应格外小心，避免将相同的字符串同时用作元素的name和id属性值。
测试程序如下：
<div id="log">
<div id="innerLog">
</div>
</div>
function testCSSSelector() {
console.log(document.getElementsByName("log").length);
console.log(document.getElementsByName("innerLog").length);
};
经过测试，在IE5-9浏览器中均输出1，而IE10及以上版本（包含IE10和Edge浏览器）均输出0。Google Chrome和Firefox浏览器输出的结果也为0。如果你使用的是360浏览器，其某些模式采用IE内核，同样会输出结果为1。
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！