js动态添加图片链接地址

最新推荐文章于 2024-04-12 11:55:21 发布

wwwcomcn123

最新推荐文章于 2024-04-12 11:55:21 发布

阅读量8.3k

点赞数

分类专栏：前台效果

前台效果专栏收录该内容

6 篇文章 0 订阅

订阅专栏

 <body οnlοad="addLinkForImage()">
 我在前面
  <img src="G:\\pictrue\\SourcePictrue\\2.jpg"  width="300" height="200" />
 我在中间
  <img src="G:\\pictrue\\SourcePictrue\\4.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>