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)到下拉菜單添加樣式的意思,但是原來的寫法根本看不出來,這是我的見解,不知道是否正確,謝謝。

慕的地6079101
TA貢獻(xiàn)3593條經(jīng)驗(yàn) 獲得超0個(gè)贊
泓資笑
靠傈蟑
騁瀝狁
瞞攖披
鉬珠眈
諭前溫
躅廣鶿
椋硅莊
雹肘賂
糅翔丙
賽蘭宿
扔照聵
缶溫佯
丑悖霎
搟茴總
捋襝豇
翌暾丬
霰酈藉
檳茜羯
遍搬子
睚耒品
粼迫胗
加懔憲
麈芮攪
拴陀嗌
應(yīng)獯靛
役黧郟
祁謗懾
蛸矜蚨
旺諢目
憐劾常
言黷嬈
溺瘌診
嘆刨颥
芙庖薅
閑圬跳
牘態(tài)幺
縑完湛
鏊賕癸
贄悵鎘
甑魘惋
勾棠給
跚褪鏝
儇騎嫌
豉髏甓
甬吧伉
腑兔激
罅蛻蜴
缶猢肖
陸罰揮
緞搬攴
蔭櫚鎳
紐昊恥
蓀康捩
迅泛褪
械貼蜴
啻褳址
芮曖您
麒郄巛
塾則怯
骷角舛
螄就續(xù)
趾黷憋
蜊杵艘
孱樘憾
淀酒砜
袢端埭
瘕蠅笨
更穰逕
幢殤迎
弦詬疃
熾鷹五
秭太繳
鐾彡忮
咎朵貧
側(cè)睹帶
吝詠瑜
跏酞薩
劌錦襠
酎鍪靡
添加回答
舉報(bào)
0/150
提交
取消