想通过js的方式改变a标签的字体的颜色怎么做

Question

<ul id="list">

          <li onMouseOver="change(this)" onMouseOut="check(this)"><a href="$">北大概况</a></li>

          <li onMouseOver="change(this)" onMouseOut="check(this)"><a href="$">招生与资助</a></li>

          <li onMouseOver="change(this)" onMouseOut="check(this)"><a href="$">院系设置</a></li>

          <li onMouseOver="change(this)" onMouseOut="check(this)"><a href="$">教育教学</a></li>

          <li onMouseOver="change(this)" onMouseOut="check(this)"><a href="$">科学研究</a></li>

          <li onMouseOver="change(this)" onMouseOut="check(this)"><a href="$">合作交流</a></li>

          <li onMouseOver="change(this)" onMouseOut="check(this)"><a href="$">校园生活</a></li>

        </ul>

      </div>

Answer 1

JS的方法：   document.getElementsByTagName("a")[0].style.color = "red";

Answer 2

function change(a){      a.firstElementChild.style.color = "red"; } function check(a){      a.firstElementChild.style.color = "#000"; }

Answer 3

不要直接把值写在js里面，把你要设置的写在css的一个类名里，然后用js给节点添加类名就好

Answer 4

a.style.color=red

Answer 5

直接该css样式不是更方便么？ 为什么要用js？在head里加<style type="text/css">a{color:red;}