为什么获取ul li里面图片的时候要现先获取外面的DIV(oBd和oSd),然后在用oBd.get...呢?直接document.getEl...("img")为什么不行?

<body>

<div class="deom">

<div id="hd"><img src="img/05.jpg" width="500px" height="300px"></div>

<div id="hx">

<ul>

<li><img src="images/02.jpg"></li>

<li><img src="images/01.jpg"></li>

<li><img src="images/05.jpg"></li>

<li><img src="images/04.jpg"></li>

<li><img src="images/03.jpg"></li>

</ul>

</div>

</div>

</body>

<script  type="text/javascript">

window.onload=function(){

 var oBd = document.getElementById("hd");

 var oSd = document.getElementById("hx");

var oImg = oBd.getElementsByTagName("img")[0];

var aImg = oSd.getElementsByTagName("img");

//alert(Si);

for(var i=0;i<aImg.length;i++){

aImg[i].onclick=function(){

oImg.src=this.src;

}

}

</script>

为什么获取ul li里面图片的时候要现先获取外面的DIV(oBd和oSd),然后在用oBd.get...呢?直接document.getEl...("img")为什么不行?

求解释,谢谢!

10000000
浏览 1663回答 1
1回答

开心就好OO

都是可以的,只不过用document.getElementByTagName(tagName)是在整个文档内获取的,这样没有针对性,也就是说想要取到你想要的指定的元素就比较困难了。
打开App,查看更多内容
随时随地看视频慕课网APP