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

Question

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

id

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

Answer 1

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

注意这个类中的单数，它只返回一个元素（或null）。

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

你有两个解决方案。

• 远离使用ID并使用class或data- * attributes
• 使用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>