html - 是否可以仅使用 1 个 ID 名称来隐藏所有元素标签？

Question

我试图通过使用一个 ID 元素来隐藏某些标签，但看起来它只隐藏了我使用的带有 ID 元素的第一个标签。

演示:http://jsfiddle.net/mgm3j5cd/

我该如何解决这个问题？我只想用我声明的 ID 元素隐藏标签。感谢您的帮助

Answer 1

您已将其标记为 CSS，因此页面样式表中的以下 CSS 将起作用:

#hide {
    display: none;
}

编辑:

如果您必须只使用 JavaScript，您可以执行以下操作。请记住，您的文档具有多个具有相同 ID 的元素在技术上已经无效，因此这种方法可能不适用于所有浏览器。 (我用 Firefox 32 测试过)。

工作 JSFiddle:http://jsfiddle.net/88yw7LL9/2/

function hideByID(string) {
    var element = document.getElementById(string); // get first matching element
    var array = [];
    while(element) {
        array.push(element);
        element.id = string + '-processed'; // change ID so next call gets the next matching element
        element = document.getElementById(string);
    }

    for(var i = 0; i < array.length; i++) {
        array[i].id = string; // revert ID to previous state
        array[i].style.display="none"; // hide
    }
}

hideByID('hide');