html 标签页面遍历,如何使用原生态javascript判断html页面中标签id是否重复呢?

摘要：

下文讲述js代码获取id个数的方法分享，如下所示；

在html网页中检测id标签是否重复，我们可通过

获取标签id的个数的方法返回其是否重复，如下所示:

实现思路:

通过document.querySelectorAll('*') 获取所有标签，

然后对比id同参数中相同的标签

例:

检测指定div标签的id值相同的个数

maomao365.com

原生态javascript检测id是否重复的方法

---

#msg{

width:300px;

height:100px;

background-color:green;color:white;

padding:10px;

}

function getIdLength(id)

{

let i =0;

var list = document.querySelectorAll('*');

for(var j=0;j

{

if(list[j].id == id){i++;}

}

return i;

}

var m = document.getElementById("msg");

m.innerHTML = m.innerHTML +"标签id等于a的个数:"+getIdLength("a")+"
";

m.innerHTML = m.innerHTML +"标签id等于b的个数:"+getIdLength("b")+"
";

m.innerHTML = m.innerHTML +"标签id等于c的个数:"+getIdLength("c")+"
";

javascript原生态js根据标签id获取标签个数的示例分享