本文展示了一个使用JavaScript动态为页面中的图片元素添加链接的例子。通过遍历所有图片标签并为其创建链接，使得每张图片都可以被点击并打开其源地址。
<html>
<head><title></title></head>
<body onload="addLinkForImage()">
我在前面
<img src="Koala.jpg" width="300" height="200" />
我在中间
<img src="Penguins.jpg" width="300" height="200" />
我在后面
</body>
<script type="text/javascript">
function addLinkForImage(){
var img=document.getElementsByTagName("img");
for(var i=0;i<img.length;i++){
img[i].id="img"+i;
var img1=document.getElementById("img"+i);
var a=document.createElement("a");
//获取当前元素的父元素进行替换
img1.parentNode.replaceChild(a,img1);
a.href=img1.src;
a.appendChild(img1);
}
}
</script>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
