javascript里获取元素dom节点遇到的奇怪问题

首页课程实战体系课手记专栏慕课教程

javascript里获取元素dom节点遇到的奇怪问题

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>

</ul>

</div>

</body>

</html>

上面代码中，我可以获取到Oli的元素节点，但是获取不到Oli[0]，跟Oli[0]。offsetWidth，这是怎么回事？

慕粉4086432

浏览 1593回答 1

1回答

随时随地看视频慕课网APP