在任何情况下，我都可以在边缘浏览器中获取所有具有相同 ID 的元素

Question

我试过用这个（我知道ID不应该一样，但在IE中一定不能不同）：document.getElementById("myid")但它只给我一个元素，但我需要计算元素的长度，即 176。不要问我为什么；这是要求。我必须让我的项目运行 IE 版本 5 到 11 和 Edge。

Answer 1

从getElementById()方法、getElementsByClassName()方法和querySelectorAll文档可以看出：getElementById()方法支持IE5.5+，getElementsByClassName()方法支持IE9+，querySelectorAll()方法支持IE8+。

要在旧版 IE 浏览器中查找多个元素，可以使用getElementsByName或getElementsByTagName方法来查找这些元素。

getElementsByName 和 getElementsByTagName 方法支持 IE5+。

请参考以下示例代码：

<div id="content">

    <input type="text" id="txtvalue" name="inputvalue" value="item 1" /><br />

    <input type="text" id="txtvalue" name="inputvalue" value="item 2" /><br />

    <input type="text" id="txtvalue" name="inputvalue" value="item 3" /><br />

    <input type="text" id="txtvalue" name="inputvalue" value="item 4" /><br />

    <input type="text" id="txtvalue" name="inputvalue" value="item 5" /><br />

</div>

<script> 

    var items = document.getElementsByName("inputvalue"); 

    console.log(items.length);  //output: 5

    var items2 = document.getElementById("content").getElementsByTagName("input"); 

    console.log(items2.length); //output: 5

</script>