Question

js如何循环替换代码添加代码

<div class="nrnr" id="wznr">
<a href='1405_3.html'><img alt="" src="/uploads/caiji/2011/03/27/cj-14587.jpg" /></a><br />
<a href='1405_3.html'><img alt="" src="/uploads/caiji/2011/03/27/cj-14588.jpg" /></a><br />
</div>
<SCRIPT language="javascript">
window.onload=function()
{
var obj = document.getElementById("wznr");
var imgs = obj.getElementsByTagName("img");
var imgurl = new Array(imgs.length);
for(var i=0;i<imgs.length;i++)
{
imgurl[i]=imgs[i].src;
var yzi="></a>";
obj.innerHTML=obj.innerHTML.replace(yzi,"></a><br /><a href=# target=_blank>↑↑点击查看原图</a>");
}
}
</SCRIPT>
如上代码，我要在上面的图片下面加上个超链接，这个超链接的地址是上面的图片地址。
大概如下的效果：
<a href='1405_3.html'><img alt="" src="/uploads/caiji/2011/03/27/cj-14587.jpg" /></a><a href=/uploads/caiji/2011/03/27/cj-14587.jpg >原图</a>
<a href='1405_3.html'><img alt="" src="/uploads/caiji/2011/03/27/cj-14588.jpg" /></a><a href=/uploads/caiji/2011/03/27/cj-14588.jpg >原图<

Answer 1

<SCRIPT language="javascript">
window.onload = function () {
var obj = document.getElementById("wznr");
var imgs = obj.getElementsByTagName("img");
var imgurl = new Array(imgs.length);
for (var i = 0; i < imgs.length; i++) {
imgurl[i] = imgs[i].src;
var link = "<br /><a href=" + imgurl[i] + " target=_blank>↑↑点击查看原图</a>";
imgs[i].parentNode.outerHTML = imgs[i].parentNode.outerHTML + link;
}
}
</SCRIPT>