javascript - 使用 JavaScript 隐藏一个类中的所有元素并显示一个指定元素

Question

我是 JavaScript 新手，也是这个网站的新手。

我有这个 JavaScript，可以将元素的可见性更改为“可见”。

function show(parameter) {
    document.getElementById(parameter).style.visibility = "visible";
}

那个工作得很好，但我也希望同样的函数首先隐藏类“foo”中的所有元素，然后显示指定的元素。

这是我尝试过的

function show(parameter) {
    document.getElementsByClassName("foo").style.visibility = "hidden";
    document.getElementById(parameter).style.visibility = "visible";
}

这不起作用。

请帮忙

附注我不想使用 jQuery。

Answer 1

尝试

var elems = document.getElementsByClassName('foo');
for(var i = 0; i < elems.length; i++) {
    elems[i].style.visibility = 'hidden';
}