Question

javascript请问如何获取下面li里面的img

<ul>
<li><img src="img/1.gif" ></li>
<li><img src="img/2.gif" ></li>
<li><img src="img/3.gif" ></li>
<li><img src="img/4.gif" ></li>
</ul>
获取的img是不是集合形式的

Answer 1

<ul id="parent">
<li><img src="img/1.gif" ></li>
<li><img src="img/2.gif" ></li>
<li><img src="img/3.gif" ></li>
<li><img src="img/4.gif" ></li>
</ul>
<script>
var listImg=document.getElementById("parent").getElementsByTagName("img");//获取ul中的img返回一个对象数组
</script>
我不知道您为什么不获取一个集合？
由于使用getElementsByTagName()方法，返回的是一个对象数组，这样一来您只需指定一个下标，那么就可以读写数组当中的元素了。
甚至可以用for循环来遍历这个数组，很方便。

listImg[0]是第一个img listImg[1]是第二个img listImg[2]是第三个img……以此类推。

追问

如果添加点击事件 点击哪个图片是不是就遍历到这个图片了

追答

我不知道您具体要写什么效果，不过要要为所有的图片添加事件很方便！
for(var i=0;i<listImg.length;i++)
{
listImg[i].onclick=function()
{
alert("您点击的是"+this.getAttributeNode("src").nodeValue);
}
}

追问

点击这个图片达到修改图片路径的效果 变成另一张图片时 又得怎么编写

追答

for(var i=0;i<listImg.length;i++)
{
listImg[i].onclick=function()
{
this.src="字符串";
}
}

下面是个例子，但不是修改src

for(var i=0;i<listImg.length;i++)
{
listImg[i].onclick=function()
{
this.parentNode.parentNode.appendChild(this.parentNode);
}
}

Answer 2

是
var imgs = document.querySelectorAll("li img");

追问

获取的img集合是不是按1234排列好的啊