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

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

前言

在IE5-9中是没有实现js的 getElementsByClassName()方法,实现了getElementsByName()方法,需要注意的是这个方法在IE5-9中也返回id属性匹配的指定元素,为了兼容,应该小心谨慎使用,不要将同样的字符串用作了名字和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和Firefox输出的结果也为0。如果你使用的是360浏览,它的某些模式也是使用的IE内核,同样输出的结果为1。

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