javascript - 检查重复 id 的 Html javascript 代码

Question

如何在javascript中检查包含重复ID的标签？

Answer 1

试试这个：

var nodes = document.querySelectorAll('[id]');
var ids = {};
var totalNodes = nodes.length;

for(var i=0; i<totalNodes; i++) {
    var currentId = nodes[i].id ? nodes[i].id : "undefined";
    if(isNaN(ids[currentId])) {
        ids[currentId] = 0;
    }                 
    ids[currentId]++;
}

console.log(ids);

http://jsfiddle.net/sekVp/1

Answer 2

这是实现与批准答案相同的更短的方法（计算 ID 的出现次数）：

const ids = Array.from(document.querySelectorAll('[id]'))
  .map(v => v.id)
  .reduce((acc, v) => { acc[v] = (acc[v] || 0) + 1; return acc }, {});
console.log(ids);

如果只需要重复 ID 列表，则可以过滤条目：

Object.entries(ids)
  .filter(([key, value]) => value > 1)
  .map(([ key, value]) => key)

Answer 3

我认为您真正需要的是在使用它之前检查该 id 或命名空间是否已经被使用，而不是在使用它之后检查您是否犯了错误......

我早在 2006 年左右就已经编写了这个函数。可能更早它会检查该 id 是否已经被占用。

（它做的更多，但这是它最基本的用途）

function isNS( arg, f ) { 
    if(typeof arg!="string")throw( 'TYPE_ERROR:"string required"');

    var i, a = arg.split("."), c = this, s = [], b, r;
    f = f || 0;
    
    for( i in a ) {
        c ? a[i] in c ? ( c = c[ a[i] ], s.push( a[i] ), b = !0 ) : 
    b = !1 : 0;
    }
        r = [ b, c, s, a, arg ];
        return f < 0 ? r : r[+f||f]; 
 }
 ;
 console.log( isNS("par") )

<p id=par>Paragraf with id "par"