请问该怎么实现鼠标经过字体变成红色

<script type="text/javascript">
window.onload = function(){
    var lis = document.getElementsByTagName("li");
    for(var i =0 ;i<lis.length; i++){
        lis[i].onmouseover = function(){
            this.className = "lihover";
            }
        lis[i].onmouseout = function(){
            this.className = "";
            }
        }
    var topsub = document.getElementsByName("topsub");
    var subleft = topsub.getElementsByName("subleft")[0];
    var a = subleft.getElementsByTagName("a");
    for(var j=0;j<a.length;j++){
        a[i].onmouseover = function(){
            this.style.color = "red";
            }
        }
    }
</script>

<body>
<ul class="top">
<div class="toptitle">全部商品分类</div>
<li><a href="#">家用电器</a><i>></i>
<div class="topsub">
 <div class="subleft">
  <dl>
   <dt><a href="#">大家电 ></a></dt>
   <dd>
   <a href="#">平板电视</a>
   <a href="#">空调</a>
   <a href="#">冰箱</a>
   <a href="#">洗衣机</a>
   <a href="#">家庭影音</a>
   <a href="#">DVD机</a>
   <a href="#">迷你音响</a>
   <a href="#">冰柜/酒吧</a>
   <a href="#">酒柜</a>
   <a href="#">家电配件</a>   
   </dd>
   </dl>
   </div>
  </div>
   <li><a href="#">手机、数码、京东通讯</a><i>></i></li>
<li><a href="#">电脑、办公</a><i>></i></li>
<li><a href="#">家居、家具、家装、厨具</a><i>></i></li>
<li><a href="#">男装、女装、童装、内衣</a><i>></i></li>
<li><a href="#">个护化妆、清洁用具、宠物</a><i>></i></li>
<li><a href="#">鞋靴、箱包、珠宝、奢侈品</a><i>></i></li>
<li><a href="#">运动户外、钟表</a><i>></i></li>
<li><a href="#">汽车、汽车用品</a><i>></i></li>
<li><a href="#">母婴、玩具乐器</a><i>></i></li>
<li><a href="#">食品、酒类、生鲜、特产</a><i>></i></li>
<li><a href="#">营养保健</a><i>></i></li>
<li><a href="#">图书、音像、电子书</a><i>></i></li>
<li><a href="#">彩票、旅游、充值、票务</a><i>></i></li>
<li><a href="#">理财、众筹、白条、保险</a><i>></i></li>
</ul>

具体就是想实现当鼠标经过div class="topsub" 下的a标签是文字变成红色

还有就是该怎么获取<div class="topsub">
<div class="subleft">
<dl>
   <dt><a href="#">大家电 ></a></dt>
   <dd>
   <a href="#">平板电视</a>

下的a标签的节点，

就是类似这样的结构，该怎么获取被包含在里面的元素？

手刃情人

浏览 2939回答 5

5回答

已过期

css样式：a:hover{color:red；}

mooc用户18273

写的太复杂了。a:hover即可！

天涯灬3254266

简单点儿的话，直接写css样式 topsub a subleft a:hover{color:red};用js获取节点的话，可以先获取dl里面的ddvar dd=document.getelementByTagName("dd");var a=dd.querySelectorAll('a');//按文档顺序返回指定元素节点的子树中匹配选择器的a元素集合function change(){ a.style.color="red";}change();//调用这个方法

淡雅的默

a:hover{color:#f00/red/ff0000}

随时随地看视频慕课网APP