隐藏一个类中的所有元素，并使用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";
}

它不起作用。

请帮助

P.S。我不想使用jQuery。

Answer 1

尝试

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