【在JS中如何获取图片路径以及更改图片】

李木木~

于 2022-03-22 00:42:03 发布

阅读量4.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： JS中获取图片路径以及更改图片

本文链接：https://blog.csdn.net/Lnbd_/article/details/123650295

JS 专栏收录该内容

21 篇文章

订阅专栏

这篇博客探讨了一个网页中使用JavaScript实现图片点击切换的逻辑，同时展示了如何利用innerHTML更新元素内容以及获取当前时间戳的方法。代码示例展示了如何通过匹配图片路径来决定显示哪张图片，并提供了对元素内容修改的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//页面级内容
 <button id="div1">时间</button>
img id="myimage" src="./img/LIS1.png" onclick="time()"  width="300px"  height="300px"/>

//JS中内容
 function time() {
		//换图
        ele = document.getElementById("myimage");  //获取dom
      
        console.log(ele.src.match("LIS1"));  //通过ele.src.match("LIS1")获取图片路径
        if (ele.src.match("LIS1")) {
          ele.src = "./img/LIS2.png";
        } else {
          ele.src = "./img/LIS1.png";
        }


        // innerHTML = "段落已修改。" //是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。

        // document.getElementById('div1').innerHTML =new Date().getTime()

        //innerHTML是来渲染一个标签文本
        //new Date().getTime() 时间戳 获取当前时间
      }