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等主流浏览器比较通用的该函数吧。谢谢。 展开
<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个回答
展开全部
在指定的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、效果演示
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
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>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
