详解JavaScript中getElementsByName在IE中的注意事项

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。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！