想通过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;
}