如何将特定DOM元素的编号记录到控制台中？

Question

我正在尝试记录具有id “ para”的html文档中的元素数量，到目前为止是代码

window.addEventListener("load",init);
function init(){

        var b = document.getElementById("para");

        console.log(b);

}

到目前为止，它将仅记录元素本身，而不记录html文档中的元素数量

Answer 1

   var b = document.getElementById("para");

请注意，此类中的单数形式，它仅返回单个元素（或null）。

如果您的文档格式正确，则将只有一个ID为para元素。 那是将ID与类分开的事情之一。

您有两种解决方案。

• 摆脱使用ID的麻烦，而使用class或data- *属性
• 使用document.querySelectorAll("#para")

在这两者中，我建议修复您的HTML。

演示代码参考注释

 var list = document.querySelectorAll("#test-span"); console.log(list.length); 

 <span id="test-span">1</span> <span id="test-span">1</span> <span id="test-span">1</span>