手刃情人
2016-04-25 22:43:18
<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="#">空調(diào)</a>
???<a?href="#">冰箱</a>
???<a?href="#">洗衣機(jī)</a>
???<a?href="#">家庭影音</a>
???<a?href="#">DVD機(jī)</a>
???<a?href="#">迷你音響</a>
???<a?href="#">冰柜/酒吧</a>
???<a?href="#">酒柜</a>
???<a?href="#">家電配件</a>???
???</dd>
???</dl>
???</div>
??</div>
???<li><a?href="#">手機(jī)、數(shù)碼、京東通訊</a><i>></i></li>
<li><a?href="#">電腦、辦公</a><i>></i></li>
<li><a?href="#">家居、家具、家裝、廚具</a><i>></i></li>
<li><a?href="#">男裝、女裝、童裝、內(nèi)衣</a><i>></i></li>
<li><a?href="#">個(gè)護(hù)化妝、清潔用具、寵物</a><i>></i></li>
<li><a?href="#">鞋靴、箱包、珠寶、奢侈品</a><i>></i></li>
<li><a?href="#">運(yùn)動(dòng)戶外、鐘表</a><i>></i></li>
<li><a?href="#">汽車、汽車用品</a><i>></i></li>
<li><a?href="#">母嬰、玩具樂器</a><i>></i></li>
<li><a?href="#">食品、酒類、生鮮、特產(chǎn)</a><i>></i></li>
<li><a?href="#">營養(yǎng)保健</a><i>></i></li>
<li><a?href="#">圖書、音像、電子書</a><i>></i></li>
<li><a?href="#">彩票、旅游、充值、票務(wù)</a><i>></i></li>
<li><a?href="#">理財(cái)、眾籌、白條、保險(xiǎn)</a><i>></i></li>
</ul>具體就是想實(shí)現(xiàn)當(dāng)鼠標(biāo)經(jīng)過div class="topsub" 下的a標(biāo)簽是文字變成紅色還有就是該怎么獲取<div class="topsub">?<div class="subleft">? <dl>?? <dt><a href="#">大家電 ></a></dt>?? <dd>?? <a href="#">平板電視</a>下的a標(biāo)簽的節(jié)點(diǎn),就是類似這樣的結(jié)構(gòu),該怎么獲取被包含在里面的元素?
5 回答

天涯灬3254266
TA貢獻(xiàn)3條經(jīng)驗(yàn) 獲得超0個(gè)贊
簡單點(diǎn)兒的話,直接寫css樣式 topsub a subleft a:hover{color:red};
用js獲取節(jié)點(diǎn)的話,可以先獲取dl里面的dd
var dd=document.getelementByTagName("dd");
var a=dd.querySelectorAll('a');//按文檔順序返回指定元素節(jié)點(diǎn)的子樹中匹配選擇器的a元素集合
function change(){
????????a.style.color="red";
}
change();//調(diào)用這個(gè)方法
添加回答
舉報(bào)
0/150
提交
取消