这段代码有什么问题吗？调用的函数没有任何问题，好像是获取的li标签语法不对，请高人指点
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#div1{height: 490px;background-image: url(10.jpg);background-repeat:no-repeat;}
li{width: 150px;height: 30px;list-style: none;background:white;margin: 15px;text-align: center;position: relative;top: 15px;left: -11px;
line-height: 30px;opacity:0.8;border-radius:3px }
</style>
<script src="move.js"></script>
<script type="text/javascript">
window.onload=function()
{
var oLi=document.getElementById('div1').document.getElementsByTagName('li')
oLi.onmouseover=function()
{
sartMove(oLi,{left:-21},function(){})
}
oLi.onmouseout=function()
{
sartMove(oLi,{left:-11},function(){})
}
}
</script>
</head>
<body>
<ul id='div1' >
<li>横店</li>
<li>黄山</li>
<li>千岛湖</li>
<li>天目湖</li>
<li>安吉</li>
<li>大别山</li>
</ul>
</body>
</html>
慕粉40843401回答
-
stone310
//var oLi=document.getElementById('div1').document.getElementsByTagName('li') 这里中间的document多了 var oLi=document.getElementById('div1').getElementsByTagName('li') //这么写就行了 //获取到后需要遍历oLi，对具体的oLi使用事件 for (var i = 0; i < oLi.length; i++) { oLi[i].onmouseover = function () { sartMove(this, {left: -21}, function () { //这里使用this，表示当前触发事件的那一个li }) } oLi[i].onmouseout = function () { sartMove(this, {left: -11}, function () { }) } }
随时随地看视频慕课网APP
Html/CSS
Html5
JavaScript