Question

我有这样的菜单结构：

<ul>
  <li>
    <h3>pageA</h3>
    <ul>
      <li id="a1"><a href="index.php?pageA&id=1">1</a>
      </li>
      <li id="a2"><a href="index.php?pageA&id=2">2</a>
      </li>
      <li id="a3"><a href="index.php?pageA&id=3">3</a>
      </li>
      <li id="a4"><a href="index.php?pageA&id=4">4</a>
      </li>
      <li id="a5"><a href="index.php?pageA&id=5">5</a>
      </li>
    </ul>
  </li>
  <li>
    <h3>pageB</h3>
    <ul>
      <li id="b1"><a href="index.php?pageB&id=1">1</a>
      </li>
      <li id="b2"><a href="index.php?pageB&id=2">2</a>
      </li>
      <li id="b3"><a href="index.php?pageB&id=3">3</a>
      </li>
      <li id="b4"><a href="index.php?pageB&id=4">4</a>
      </li>
      <li id="b5"><a href="index.php?pageB&id=5">5</a>
      </li>
    </ul>
  </li>
</ul>

我想用javascript更改<li>个类。我可以使用以下代码更改子<li>。但我不能改变父<li>的等级。

document.getElementById("a1").className = 'active';

Answer 1

您的解决方案应该可以替换具有该ID的元素类。

查看此页面： http://www.w3schools.com/jsref/prop_html_classname.asp

示例用新的类覆盖现有的类名：

<div id="myDIV" class="mystyle">I am a DIV element</div> document.getElementById("myDIV").className = "newClassName";

示例要在不覆盖现有值的情况下向元素添加类，请插入空格和新类名：

document.getElementById("myDIV").className += " anotherClass";

使用getElementById更改元素类

1 个答案: