getElementById（）更改为类

Question

我有一个脚本可以隐藏和显示由onclick =“javascript：showDiv（）和onclick =”javascript：hideDiv（）触发 但希望将其更改为类，否则可以输入多个id 有什么建议吗？

function hideDiv() {
    if (document.getElementById) {
        document.getElementById('divA').style.visibility = 'hidden';
    }
}

function showDiv() {
    if (document.getElementById) {
        document.getElementById('divA').style.visibility = 'visible';
    }
}

Answer 1

使用 document.querySelectorAll^MDN ，然后将divA的ID更改为class="divA"

function hideDiv() {
 if (document.querySelectorAll) {
    var set = document.querySelectorAll('.divA');
    for(var i = 0; i < set.length; i++){
     set[i].style.visibility = 'hidden';
    }
 }
}

function showDiv() {
 if (document.querySelectorAll) {
    var set = document.querySelectorAll('.divA');
    for(var i = 0; i < set.length; i++){
     set[i].style.visibility = 'visible';
    }
 }
}

Answer 2

为什么不使用jQuery并执行此操作：

$('.myclass').toggle();

Answer 3

function hideDiv() {
    if (document.getElementById('divA')) {
        document.getElementById('divA').style.visibility = 'hidden';
    }
}

function showDiv() {
    if (document.getElementById('divA')) {
        document.getElementById('divA').style.visibility = 'visible';
    }
}

getElementById()需要一个参数。