javascript - 当您在特定的 div 上时，使用 Javascript 添加/删除类到 <li>。

Question

我打开这个线程是为了寻求您对 JavaScript 的帮助。

我的网站垂直分为四个主要部分。

<div id="homepage"> Content </ div>
<div id="page1"> Content </ div>
<div id="page2"> Content </ div>
<div id="page3"> Content </ div>
<div id="page4"> Content </ div>

页面右侧有导航菜单，div位置:固定。

<div id="nav">
<ul>
<li> <a href="#homepage"> Homepage </ a> </ li>
<li> <a href="#page1"> Page1 </ a> </ li>
<li> <a href="#page2"> Page2 </ a> </ li>
<li> <a href="#page3"> Page3 </ a> </ li>
<li> <a href="#page4"> page4 </ a> </ li>
</ ul>
</ div>

我希望当您在一个 div 容器(page1 或 page2 等)中添加一个类对应的菜单项时。

并且'可以用 javascript 做到这一点吗？ 提前致谢

Answer 1

您将使用节点树来设置属性。我的意思是

var node = document.getElementById("dividname").getElementsByTagName("li")[i];
node.setAttribute("class", "classname");

删除类只使用上面没有任何值

node.setAttribute("class", "");