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

我正在尝试记录html文档中具有

id

“para”的元素的数量。这是到目前为止的代码

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

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

        console.log(b);

}

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

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

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

如果文档格式正确，则只有一个元素的ID为

para

。这是将ID与类分开的原因之一

你有两个解决方案

• 不要使用ID，而是使用class或data-*属性
• 使用

  document.queryselectoral（#para”）

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

引用注释的演示代码

var list=document.queryselectoral（“测试范围”）；
console.log（list.length）
1
1.
1
注意这个类中的单数形式，它只返回一个元素（或null）

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

你有两个解决方案


不要使用ID，而是使用class或data-*属性
使用
document.queryselectoral（#para”）

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

引用注释的演示代码


var list=document.queryselectoral（“测试范围”）；
console.log（list.length）
1
1.
1
HTML中具有相同id的多个元素是无效标记。但是，您可以为元素指定相同的名称。您应该为多个元素使用类。HTML中具有相同id的多个元素是无效的标记。不过，您可以给元素取相同的名称。您应该对多个元素使用类。我敢打赌
querySelectorAll
也不会做他想做的事情。@Barmar请参见附带的示例。它满足OP的要求。我敢打赌
querySelectorAll
也不会满足OP的要求。@Barmar参见附带的示例。它符合OP的要求。