使用JavaScript添加/删除类onclick没有图书馆

Question

我正在开发一个移动网站，并希望只使用JS而不仅仅是添加和删除类。所以，为了保持好的东西，我不想使用jQuery。

我有以下HTML：

<div id="masthead"> 
    <a href="index.html" title="Home" id="brand">Brand</a> 

    <a href="#" id="openPrimaryNav">Menu</a> 

    <ul id="primaryNav" class=""> 
     <li><a href="index.html" title="Home">Home</a></li> 
     <li><a href="benefits.html" title="Benefits">Benefits</a></li> 
     <li><a href="features.html" title="Features">Features</a></li> 
     <li><a href="casestudies.html" title="Case Studies">Case Studies</a></li> 
     <li><a href="instore.html" title="In Store">In-Store</a></li> 
     <li><a href="contact.html" title="Contact">Contact Us</a></li> 
     <li id="closePrimaryNav"><a href="#" title="Contact">Close Menu</a></li> 
    </ul> 
</div> 

和下面的JS至今：

window.onLoad = init; 

function init() 
{ 
    document.getElementById('openPrimaryNav').onClick = openPrimaryNav(); 
    document.getElementById('closePrimaryNav').onClick = closePrimaryNav(); 
} 

function openPrimaryNav() 
{ 
    document.getElementById('primaryNav').className = 'open'; 
} 

function closePrimaryNav() 
{ 
    document.getElementById('primaryNav').className = ''; 
} 

我不能得到这个工作，谁能告诉我什么，我做错了什么？提前谢谢了。

根据回答正确JS提供如下：

window.onload = init; 

function init() 
{ 
    document.getElementById('openPrimaryNav').onclick = openPrimaryNav; 
    document.getElementById('closePrimaryNav').onclick = closePrimaryNav; 
} 

function openPrimaryNav() 
{ 
    document.getElementById('primaryNav').setAttribute('class','open'); 
} 

function closePrimaryNav() 
{ 
    document.getElementById('primaryNav').setAttribute('class',''); 
} 

Answer 1

您可以使用setAttribute。

window.onload = init; 
function init() 
{ 
    document.getElementById('openPrimaryNav').onclick = openPrimaryNav; 
    document.getElementById('closePrimaryNav').onclick = closePrimaryNav; 
} 

function openPrimaryNav() 
{ 
    document.getElementById('primaryNav').setAttribute('class','open'); 
} 

function closePrimaryNav() 
{ 
    document.getElementById('primaryNav').setAttribute('class',''); 
} 

Answer 2

这.onclick，不.onClick