<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标签的节点，就是类似这样的结构，该怎么获取被包含在里面的元素？
5 回答
天涯灬3254266
TA贡献3条经验 获得超0个赞
简单点儿的话，直接写css样式 topsub a subleft a:hover{color:red};
用js获取节点的话，可以先获取dl里面的dd
var dd=document.getelementByTagName("dd");
var a=dd.querySelectorAll('a');//按文档顺序返回指定元素节点的子树中匹配选择器的a元素集合
function change(){
a.style.color="red";
}
change();//调用这个方法
添加回答
举报
0/150
提交
取消