javascript中getAttribute函数的问题
用javascript中getAttribute函数获取链接属性，返回出现问题，请各位帮忙看看：html代码如下：<!DOCTYPEhtml><htmllang="en"...
用javascript中getAttribute函数获取链接属性，返回出现问题，请各位帮忙看看：
html代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Image Gallery</title>
</head>
<body>
<h1>Snapshots</h1>
<ul>
<li>
<a href="images/fireworks.jpg" title="A fireworks display">Fireworks</a>
</li>
<li>
<a href="images/coffee.jpg" title="A cup of black coffee">Coffee</a>
</li>
<li>
<a href="images/rose.jpg" title="A red, red rose">Rose</a>
</li>
<li>
<a href="images/bigben.jpg" title="The famous clock">Big Ben</a>
</li>
</ul>
</body>
</html>
我希望获取第一个图片的href链接images/fireworks.jpg
js文件如下：
var source = document.getElementsByTagName("a");
for(i=0; i<source.length; i++)
{
alert(source[0].getAttribute("href"));
}
但是获取后页面5次弹出images/fireworks.jpg链接的对话框，请问这是什么原因，谢谢！ 展开
html代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Image Gallery</title>
</head>
<body>
<h1>Snapshots</h1>
<ul>
<li>
<a href="images/fireworks.jpg" title="A fireworks display">Fireworks</a>
</li>
<li>
<a href="images/coffee.jpg" title="A cup of black coffee">Coffee</a>
</li>
<li>
<a href="images/rose.jpg" title="A red, red rose">Rose</a>
</li>
<li>
<a href="images/bigben.jpg" title="The famous clock">Big Ben</a>
</li>
</ul>
</body>
</html>
我希望获取第一个图片的href链接images/fireworks.jpg
js文件如下：
var source = document.getElementsByTagName("a");
for(i=0; i<source.length; i++)
{
alert(source[0].getAttribute("href"));
}
但是获取后页面5次弹出images/fireworks.jpg链接的对话框，请问这是什么原因，谢谢！ 展开
4个回答
展开全部
alert(source[0].getAttribute("href"));
这里写成source[i]就可以了
source[0],无论循环多少次都只显示第一次的
这里写成source[i]就可以了
source[0],无论循环多少次都只显示第一次的
追问
改为i就会依次获取4个链接，如果我只想获取fireworks.jpg这个一个链接，应该怎么修改呢，谢谢
追答
直接用document.getElementsByTagName("a")[0].getAttribute("href")
就可以
或者给你想用的链接加上个ID,通过ID去取也行
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var source = document.getElementsByTagName("a");
for(var i = 0; i < source.length; i++){
alert(source[i].getAttribute("href"));
}source[0]是第一个元素，改为source[i]就是遍历了
更多追问追答
追问
改为i就会依次获取4个链接，如果我只想获取fireworks.jpg这个一个链接，应该怎么修改呢，谢谢
追答
都不知道你要干什么？是遍历、单取指定类型的图片、链接？
也许你的思路是错误的，为什么不把自己的想法说出来呢？
现在你把思路都指向错误的方向，让别人使劲往错误方向想。
比如这样问：
1、我想取得a链接为.jpg格式的所有图片然后。。。
2、我想取得a链接包含fireworks.jpg的所有图片然后。。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
alert(source[0].getAttribute("href"));
break;
用break中断循环就OK了
break;
用break中断循环就OK了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
for(i=0; i<source.length; i++)
{
alert(source[i].getAttribute("href"));//这里是i，不是0
}
{
alert(source[i].getAttribute("href"));//这里是i，不是0
}
更多追问追答
追问
改为i就会依次获取4个链接，如果我只想获取fireworks.jpg这个一个链接，应该怎么修改呢，谢谢
追答
var source = document.getElementsByTagName("a");
alert(source[0].getAttribute("href"));
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
