Question

我想隐藏类asp的所有元素，但问题是以下代码只隐藏1个元素但不适用于其他1000个行/元素。如何用“asp”类隐藏所有元素？

function toggleFunction() {
    var hide = document.getElementsByClassName('asp')[0].style.visibility='hidden';
}

toggleFunction()

Answer 1

你只隐藏其中一个的原因是[0]。你说＆＃34;得到列表然后拿第一个＆＃34;。

试试这个：

var elements = document.getElementsByClassName('asp');

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

Answer 2

解决方案示例：

＆＃13;

function toggleFunction() {
  var elems = document.getElementsByClassName( 'asp' );
  for ( var i = 0, l = elems.length; i < l; i++ )
    elems[ i ].style.visibility = 'hidden';
}

＆＃13;

<button type="button" onclick="toggleFunction()">Hide</button>
<div class="asp">1</div>
<div class="asp">2</div>
<div class="asp">3</div>
<div class="asp">4</div>
<div class="asp">5</div>
<div class="asp">6</div>
<div class="asp">7</div>
<div class="asp">8</div>
<div class="asp">9</div>

＆＃13;

Javascript getElementsByClassName - 选择所有元素

2 个答案: