获取网页图片路径的方法

帆 2024-04-29 0 阅读 0 评论
  <div class="post-image">
  <img id="a1" src="222222" >
  </div>
  方法一:
  <script>
  // 第一种: 单张图片地址更换, 直接更换。
  var img =document.getElementById('a1').src="1.png";
  console.log(img);
  </script>
  方法二:
  <script>
  //第二种:单张图片地址获取,直接获取
  var img=document.getElementById('a1');
  var imgs=img.src;
  [xss_clean](imgs);
  </script>
  方法三:
  <script>
  //第三种:使用id+getAttribute方法
  var img3=document.getElementById('a1');
  console.log(img3.getAttribute("src"));
  </script>
  方法四:
  <script>
  //第四种:使用id+setAttribute方法
  var img3=document.getElementById('a1');
  var ig=img3.setAttribute("src", '../code/img/gup.png');//把图片修改为目标路径
  </script>


本文来源:重庆seo博客

本文地址:https://focusonseo.cn/JavaScript/48.html

文章声明:以上内容(如有图片或视频亦包括在内)除非注明,否则均为重庆seo博客原创文章,转载或复制请以超链接形式并注明出处。

相关文章