解决js中获取不到图片路径的情况

最新推荐文章于 2024-04-28 13:46:58 发布

赋音

最新推荐文章于 2024-04-28 13:46:58 发布

阅读量2k

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/weixin_58430903/article/details/125413623

版权

在写一个todoList作品时，需要点击事件更改图片路径时，遇到了获取不到图片路径的情况

在html中用src=“”来获取的图片，凭主观臆想觉得在js中判断它的路径时，没有作用，控制台中显示的不是我们熟悉的路径格式

查阅得知，这是绝对路径

 console.log(this.src); //获取的图片的绝对路径
 console.log(this.getAttribute("src"));  //获取的是图片的相对路径

let todoFinish = todoPart.querySelector('.todo-finish');
let starImg = todoPart.querySelector('.star-img');
todoFinish.onclick = function () {
    console.log(todoFinish);
    console.log(this.src);
    // if (this.src == './images/circle.png') {
       if (this.getAttribute("src") == './images/circle.png') {
            this.setAttribute('src', './images/right.png');
            starImg.setAttribute('src','./images/stary.png');
            } else {
                this.setAttribute('src', './images/circle.png');
            }

更改一下