<script>
window.onload=function(){
//创建对象
var Xhr=createXHR();
//2、建立连接
var url='http://127.0.0.1/ajax_demo/img.php';
Xhr.open('get',url,true);
//3、发送数据
Xhr.send(null)
//4、获取服务器返回的数据
Xhr.onreadystatechange=function(){
var list=document.getElementById('list')
if(Xhr.readyState==4&&Xhr.status==200){
var Data=JSON.parse(Xhr.responseText)
for(var j=0;j<Data.length;j++){
var Ali=document.createElement('li')
Ali.innerHTML='<img src='+Data[j].img+' >'
list.appendChild(Ali)
}
}
}
var box=document.getElementById('box')
var list=document.getElementById('list')
var Oli=document.getElementsByTagName('li')
alert(Oli[0])
// var liClone=Oli[0].cloneNode(true)
// list.appendChild(liClone)
var OliWidth=Oli[0].offsetWidth;
list.style.width=OliWidth*Oli.length+'px';
var i=0;
setInterval(function(){
i++;
move();
},1000)
//移动的方法
function move(){
if(i==Oli.length){
i=1;
list.style.left=0;
}
animate(list,{left:600*-i})
}
}
</script>
<body>
<div id="box">
<ul id="list">
</ul>
</div>
</body>
</html>
上面代码中，我可以获取到Oli的元素节点，但是获取不到Oli[0]，跟Oli[0]。offsetWidth，这是怎么回事？