<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>
