Question

JavaScript中如何通过一个元素去查找该元素的子元素节点

<ul>
<li><a href="fireworks.jpg"><img src="fireworks.jpg" title="a fireworks display" /></a></li>
<li><a href="coffee.jpg"><img src="coffee.jpg" title="a cup of black coffee" /></a></li>
<li><a href="rose.jpg"><img src="rose.jpg" title="A red,red rose" /></a></li>
<li><a href="bigben.jpg"><img src="bigben.jpg" title="The famous clock" /></a></li>
</ul>
这是一段html代码，我们看到<li>中的<a>元素节点去查找一下个<img>元素节点，我查了好像只能通过childNodes数组属性去查找，但是找到的是该元素节点子节点的属性节点和文本节点，并不能找到下一个元素节点。而且通过parentNode属性可以查找元素节点。
哪位JavaScript和DOM高手解决我的问题啊，不要告诉我设置ID后通过getElementById来访问。谢谢啦！希望能和JavaScript的高手多交流交流啊！O(∩_∩)O~

Answer 1

<div id="test">
<div></div>
<div></div>
</div>
<script>
function dom() {
var s= document.getElementById("test");
var chils= s.childNodes; //得到s的全部子节点
var par=s.parentNode; //得到s的父节点
var ns=s.nextSbiling; //获得s的下一个兄弟节点
var ps=s.previousSbiling; //得到s的上一个兄弟节点
var fc=s.firstChild; //获得s的第一个子节点
var lc=s.lastChile; //获得s的最后一个子节点

}
</script>

Answer 2

不管你用什么方法，先定位到li或者a节点
然后用getElementsByTagName("IMG")[0]
这个就是你的img节点了

Answer 3

function get_nextSibling(n)
{
y=n.nextSibling;
while (y.nodeType != 1)
{
y=y.nextSibling;
}
return y;
}

Answer 4

function get_nextSibling(n){
y=n.nextSibling;
while (y.nodeType != 1){
y=y.nextSibling;
}
return y;
}

Answer 5

getElementsByTagName

返回一个数组