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

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()預期的參數。

Answer 3

爲什麼不使用jQuery和做到這一點：

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