I just want to check if there are duplicate element ID in a list or array in my webpage in JavaScript. Besides from being suspicious if I really but a duplicate element ID in the page.
>Solution :
It a bit brute force, but here’s how I do it. Test the code here!
function checkSameElementID(){
var elementz = document.querySelectorAll('*[id]');
var elementh = [];
var elementsm = [];
var elementsmc = [];
var elementrv = [];
elementz.forEach((elementx, index) => {
var eleName = elementx.getAttribute("id");
if(elementh.includes(eleName)){
if(!elementsm.includes(eleName)){
elementsm.push(eleName);
elementsmc.push(2);
}
else{
var posx = elementsm.indexOf(eleName);
var updlengthx = elementsmc[posx] + 1;
elementsmc[posx] = updlengthx;
}
}
elementh.push(eleName);
});
elementsm.forEach((elementx, index) => {
var lengthx = elementsmc[index];
var namex = String(elementx);
elementrv.push({'id': namex, 'length': lengthx});
});
if(elementsm.length == 0){
elementrv = "No Element ID duplicates!";
}
return elementrv;
}