js如何在指定的div内使用getElementsByTagName获取元素

如下面的代码所示：<divid="gallery"><imgsrc="pics/0.jpg"border="0"class="picsSliding"/><imgsrc=... 如下面的代码所示：
<div id="gallery">
<img src="pics/0.jpg" border="0" class="picsSliding"/>
<img src="pics/1.jpg" border="0" class="picsSliding"/>
<img src="pics/2.jpg" border="0" class="picsSliding"/>
</div>
<div id="picShow">
<img src="pics/2.jpg" border="0" height="460px" id="picShowing"/>
</div>
我在使用getElementsByTagName(“img”)的时候只想get到gallery里面的那三个元素，不要get到页面的其它img元素，要怎么写？
拒绝使用“先get到所有然后通过数组下标过滤掉最后一个元素”的方法哈，这样我的页面以后但凡哪里增加了个img又要再次过滤相关下标，非常不好。
应该会有朋友说写个getElementsByClassName的函数，除此之外有没有更好的方法，如果没有的话请留下一个队ie和ff等主流浏览器比较通用的该函数吧。谢谢。展开

 我来答

2个回答

#热议# 空调使用不当可能引发哪些疾病？

learneroner

高粉答主

2015-08-11 · 关注我不会让你失望

知道大有可为答主

回答量：1.1万

采纳率：91%

帮助的人：6377万

我也去答题访问个人页

关注

展开全部

在指定的div内使用getElementsByTagName获取元素的主要代码为：

getElementById(div_id).getElementsByTagName(tag_name);

示例如下：

1、HTML结构

<div id="test">
	id=test: <span>Glen</span><span>Tane</span><span>John</span><span>Ralph</span>
</div>
<div id="test1">
	id=test0: <span>Glen1</span><span>Tane1</span><span>John1</span><span>Ralph1</span>
</div>
<input type='button' value='获取id为test的div下的span' onClick="fun()"/>

2、javascript代码

function fun(){
	obj = document.getElementById("test").getElementsByTagName("span");
	str= [];
	for(i=0;i<obj.length;i++){
		str.push(obj[i].innerHTML);
	}
	alert(str);
}

3、效果演示

已赞过 已踩过<

评论收起

慕课网

广告2024-11-05

学习程序语言编程盛宴，特惠不停歇，下单即抽好礼，体系课+实战课组合下单，最高立省2800元学习程序语言活动期间累计实付满1000元，额外赠送300元以下课程兑换券，学习不停歇!

www.imooc.com

yugi111
2014-05-07 · TA获得超过8.1万个赞

知道大有可为答主

回答量：5.1万

采纳率：70%

帮助的人：1.3亿

我也去答题访问个人页

关注

展开全部

document.getElementById('gallery').getElementsByTagName('img');

追问

真可以这样么。。。我试过，发现好像失败了。我再试试。

追答

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test</title>
<!-- <script type="text/javascript" src="../jquery-1.8.0.min.js"></script> -->
<script type="text/javascript">
	var get = function ()
    {
	    var imgs = document.getElementById ('gallery').getElementsByTagName ('img');
	    for ( var i = 0; i < imgs.length; i++)
	    {
		    alert (imgs[i].src);
	    }
    }
    window.onload = function ()
    {
	    get ();
    }
</script>
</head>
<body>
	<div id="gallery">
		<img src="pics/0.jpg" border="0" class="picsSliding" /> <img
			src="pics/1.jpg" border="0" class="picsSliding" /> <img
			src="pics/2.jpg" border="0" class="picsSliding" />
	</div>
	<div id="picShow">
		<img src="pics/2.jpg" border="0" height="460px" id="picShowing" />
	</div>
</body>
</html>