无法更改 event.target 图像的图像 src

Question

<div class = "category_list_11">
            <img src = "./static/images/compre6.png" class = "coffeeimages">
            <div class = "category_list_field">
                <div class = "category_list_field1">
                    <button class = "categoryfieldbutton1">
                    <img src = "./static/images/hm_favorite_2.png" class = "favorite_img1">
                    </button>
                </div>
                <div class = "category_list_field2">
                    <button class = "categoryfieldbutton2">
                    <img src = "./static/images/hm_2_cart_2.png" class = "favorite_img2">
                    </button>
                </div>
            </div>
        </div>

在 javascript 中，我尝试为 category_list_field_1 添加事件监听器

var categoryfields = Array.from(category_list_field);

for (let i = 0; i < categoryfields.length; i++) {

categoryfields[i].addEventListener("click", event => {

console.log(event.target.matches(".favorite_img2"))
if(event.target && event.target.matches(".favorite_img2")) {

console.log(event.target.src);

if (event.target.src = "static/images/hm_2_cart_2.png") {

console.log("1");
event.target.src = "static/images/hm_2_cart_2_a.png";
console.log(event.target);

}

if (event.target.src = "static/images/hm_2_cart_2_a.png") {

event.target.src = "static/images/hm_2_cart_2.png";

}

我想创建一个事件监听器，它可以让“favorite_img2”类的图像在单击时将 src 更改为“hm_2_cart_2_a.png”，然后在下次单击时返回到上一个 src。线

console.log(event.target);

给出输出<img src="static/images/hm_2_cart_2.png" class="favorite_img2">

对不起，可怕的格式。 非常感谢您。

Answer 1

你的问题很可能是这一行

if (event.target.src = "static/images/hm_2_cart_2.png") 

在括号内应该有一个比较运算符，而不是分配.src，这将始终为真。您需要使用双等号 == 将 src 与字符串进行比较。