JavaScript 教程：检测网页中重复的元素 ID

function checkSameElementID() {
    // 获取所有带有 id 属性的元素
    var elementz = document.querySelectorAll('*[id]');

    // 用于存储所有 ID 的数组
    var elementh = [];
    // 用于存储重复 ID 的数组
    var elementsm = [];
    // 用于存储重复 ID 出现次数的数组
    var elementsmc = [];
    // 最终返回的结果数组
    var elementrv = [];

    // 遍历所有带有 id 属性的元素
    elementz.forEach((elementx, index) => {
        // 获取元素的 id 属性值
        var eleName = elementx.getAttribute("id");

        // 检查 id 是否已经存在于 elementh 数组中
        if (elementh.includes(eleName)) {
            // 如果 id 已经存在，并且不在 elementsm 数组中，则将其添加到 elementsm 数组中，并设置初始计数为 2
            if (!elementsm.includes(eleName)) {
                elementsm.push(eleName);
                elementsmc.push(2);
            }
            // 如果 id 已经存在于 elementsm 数组中，则增加其计数
            else {
                var posx = elementsm.indexOf(eleName);
                var updlengthx = elementsmc[posx] + 1;
                elementsmc[posx] = updlengthx;
            }
        }

        // 将当前 id 添加到 elementh 数组中
        elementh.push(eleName);
    });

    // 遍历 elementsm 数组，将重复的 id 及其出现次数添加到 elementrv 数组中
    elementsm.forEach((elementx, index) => {
        var lengthx = elementsmc[index];
        var namex = String(elementx);

        elementrv.push({ 'id': namex, 'length': lengthx });
    });

    // 如果没有重复的 id，则返回 "No Element ID duplicates!"
    if (elementsm.length == 0) {
        elementrv = "No Element ID duplicates!";
    }

    // 返回结果数组
    return elementrv;
}

var duplicateIDs = checkSameElementID();

if (duplicateIDs === "No Element ID duplicates!") {
    console.log("页面中没有重复的元素 ID。");
} else {
    console.log("页面中存在重复的元素 ID：");
    console.log(duplicateIDs);
}