使用jquery或javascript更改html中class属性的值

Question

我想改变这一行：

    <li id="activehome" ><a href="#" >Home</a></li>

到

    <li id="activehome" class="active"><a href="#" >Home</a></li> 

添加该类属性。我如何使用Javascript甚至Jquery来做到这一点。提前致谢。页面加载时应该更改该行。

Answer 1

jQuery，使用addClass：

$('#activehome').addClass('active');

纯JS，使用setAttribute：

document.getElementById('activehome').setAttribute('class', 'active');

或使用className

document.getElementById('activehome').className = 'active';

Answer 2

$（ “＃activehome”）addClass（ '激活'）。 $（“＃activehome＆gt; a”）。text（'Home'）;