使用jQuery或JavaScript在HTML中更改类属性的值

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> a”）。text（'Home'）;