Question

javascript为src插入超链接

怎么在javascript中为src获取的图片添加超链接
var timeInterval;
var i = 0;
var arr = new Array();
arr[0] = "2.png";
arr[1] = "3.png";
arr[2] = "4.png";
arr[3] = "5.png";
arr[4] = "6.png";
arr[5] = "7.png";
arr[6] = "8.png";//图片都在数组里，怎么插入链接？？
function start()
{
clearInterval( timeInterval );
timeInterval = setInterval(changeImg,1000);
}
function changeImg(){
var obj = document.getElementById("obj");
if(i == arr.length-1){
i = 0;
}else{
i++;
}
obj.src = arr[i];

Answer 1

正确的dom层级不是你这样的

src只是用来放图片路径的

你说的链接应该是这样的

<a href="#"><img src=""/></a>

将链接放在外层即可

所以a的href你自己再写段代码就行

Answer 2

可以用getAttribute()方法获取。
注：总结了一些getAttribute(),setAttribute()在不同浏览器下兼容性以及如何解决这些问题
body里面有这些内容：
<div id="idHeader" class="class-header" title="kingwell" status="1"></div>
<label id="forUserName" for="userName" title="kingwell" status="1"></label>
下面是script的测试：
var el = document.getElementById("idHeader");
alert(el.getAttribute("id"));
alert(el.id);
IE Firfox->idHeader

alert(el.getAttribute("class"));
//IE6,IE7 -> null IE8,IE9,Firefox ->class-header

alert(el.class);
//IE6,IE7,IE8->报错 IE9,Firefox->undefined
alert(el.getAttribute("className"));
//IE6,IE7->class-header ; IE8,IE9,Firefox -> undefined

alert(el.className);
//All -> class-header

var elfor = document.getElementById("forUserName");
alert(elfor.getAttribute("for"));
//IE6,IE7->undefined IE8,9,Firefox->forUseName

alert(elfor.for )
//IE6,IE7报错,其它为undefined
alert(elfor.title)
//全部输出kingwell
alert(elfor.status);
//IE6-8 -> 1 IE9,Firefox->undefined

alert(elfor.getAttribute("status"))
//全部输出 1

总结：
1:常规属性建议使用 node.XXXX。
2:自定义属性建议使用node.getAttribute("XXXX")。
3:当获取的目标是JS里的关键字时建议使用node.getAttribute("XXX")，如label中的for。
4:当获取的目标是保留字,如：class,请使用className代替。

Answer 3

接着写obj.href="xxxxx"

追问

不行，没反应