第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

關(guān)于下拉菜單HTML+CSS+JavaScript中JS出錯(cuò)在哪我看不懂

關(guān)于下拉菜單HTML+CSS+JavaScript中JS出錯(cuò)在哪我看不懂

qq_那就好_2 2017-06-11 04:08:40
<!doctype?html> <html> <head> <meta?charset="utf-8"> <title>無標(biāo)題文檔</title> <script?type="text/ecmascript"?src="js/js2.js"></script> <link?rel="stylesheet"?href="css/17.css"> </head> <div?id="ybl"> ????<ul> <li><a?href="#">首頁(yè)</a></li>?? <li><a?href="#">專業(yè)建設(shè)</a>? <ul> <li><a?href="#">建設(shè)目標(biāo)</a></li> ?<li><a?href="#">建設(shè)思路</a></li> ?<li><a?href="#">培養(yǎng)方案</a></li> </ul> </li> <li><a?href="#">師資隊(duì)伍</a> <ul> <li><a?href="#">?負(fù)責(zé)人</a></li> <li><a?href="#">隊(duì)伍結(jié)構(gòu)</a></li> <li><a?href="#">任課教師</a></li> <li><a?href="#">教學(xué)管理</a></li> <li><a?href="#">合作辦學(xué)</a></li> </ul> </li> <li><a?href="#">教學(xué)條件</a> <ul> <li><a?href="#">經(jīng)費(fèi)投入</a></li> <li><a?href="#">實(shí)踐教學(xué)</a></li> <li><a?href="#">教材改革</a></li> ??</ul> </li> <li><a?href="#">改革建設(shè)</a> <ul> <li><a?href="#">課程改革</a></li> <li><a?href="#">教材改革</a></li> </ul> </div> <body> </body> </html>//?JavaScript?Document function?windowLoad()??{ var?lis?=?document.getElementById("menu").getElementsByTagName("li"); for?(var?i?=?0;?i?<lis.length;?i++){ lis?[i].onmouseover?=?function()?{ this.className?+=?(this.className.length?>0?"":"")?+"sfhover" } ?????lis[i].onmouseout?=?function?() ?{ ?this.className?=?this.className.replace("sfhover",""); ? ?} ???????} ???} window.onload?=?windowLoad;?//窗口加載成功后執(zhí)行?windoLoad?函數(shù)@charset?"utf-8"; /*?CSS?Document?*/ body { font-family:?"宋體"; font-size:?12px; line-height:?1.5em; } #ybl {?width:500px; ??height:28px; ??margin:0?auto; ??border-bottom:?3px?solid?#e10001; }?? #ybl?ul {? ??list-style:none; ??margin:0px; ??padding:0px; } #ybl?ul?li {? ??float:left;? ??margin-left:?1px; }?? a { color:#000; ????text-decoration:?none; } a:hover { color:?#F00; } #ybl?ul?li?a {? ????display:?block; width:?87px; height:?28px; line-height:?28px; text-align:?center; background:?url(../image/26.jpg)?0?0?repeat-x; font-size:?14px; }?? #ybl?ul?li?ul { ??border:?1px?solid?#ccc; ??position:absolute;? ??display:none; }?? #ybl?ul?li?ul?li {? float:none;? line-height:87px; background:?#eee; margin:?0px; }?? #ybl?ul?li?ul?li?a {? background:?none; }?? #ybl?ul?li?ul?li?a:hover {? background-color:#333; color:?#fff; }?? #ybl?ul?li:hover?ul {? display:block } #ybl?ul?li.sfhover?ul { display:?block; }大神幫我看看JS哪里出錯(cuò)了。。Uncaught TypeError: Cannot read property 'getElementsByTagName' of null
查看完整描述

4 回答

已采納
?
ExiaGo

TA貢獻(xiàn)20條經(jīng)驗(yàn) 獲得超18個(gè)贊

感覺這個(gè)好像很多問題啊,首先本該在 <body> 標(biāo)簽的內(nèi)容放到了以外的地方,其次是應(yīng)該將 js 中的?var?lis?=?document.getElementById("menu").getElementsByTagName("li"); 改成

var?lis?=?document.getElementById("ybl").getElementsByTagName("li"); 這樣修改后面的 css 就不用改太多了。

第三,也是 js 內(nèi)容中的添加樣式 sfhover 在樣式表里 82 行?#ybl?ul?li.sfhover?ul ,改成

?#ybl?ul?li.sfhover {?

display: block;

? ? border: 1px solid blue;

}

你就能看到效果了,本來就是鼠標(biāo)移動(dòng)到下拉菜單添加樣式的意思,但是原來的寫法根本看不出來,這是我的見解,不知道是否正確,謝謝。

查看完整回答
1 反對(duì) 回復(fù) 2017-06-12
  • qq_那就好_2
    qq_那就好_2
    請(qǐng)問這個(gè)js效果是啥樣子。我現(xiàn)在弄完成了!為啥和以前沒啥區(qū)別
  • ExiaGo
    ExiaGo
    誒?我現(xiàn)在改的就是給每個(gè) li 標(biāo)簽加了個(gè)藍(lán)色框,你可以先注釋掉 js ,再來觀察。
?
習(xí)慣受傷

TA貢獻(xiàn)885條經(jīng)驗(yàn) 獲得超1144個(gè)贊

把HTML中的id='ybl'改成id='menu'

查看完整回答
1 反對(duì) 回復(fù) 2017-06-11
?
qq_歲月靜好不忘初心_0

TA貢獻(xiàn)38條經(jīng)驗(yàn) 獲得超6個(gè)贊

你換成方法綁定試試

查看完整回答
反對(duì) 回復(fù) 2017-06-11
?
憶昔何年

TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個(gè)贊

<div?id="ybl">??
getElementById("menu")

這都不一樣呀 得改改

查看完整回答
反對(duì) 回復(fù) 2017-06-11
  • 4 回答
  • 0 關(guān)注
  • 2328 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)