详解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。

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