Блог

Главная - Вопросы по программированию - Здравствуйте, я хочу, чтобы значок на странице менялся, когда я нажимаю на него (используя JS), но он не работает

Здравствуйте, я хочу, чтобы значок на странице менялся, когда я нажимаю на него (используя JS), но он не работает

#javascript #html

Вопрос:

Итак, проблема в том, что JS не работает, может ли кто-нибудь мне помочь ?

 function changeImage() {
    if (document.getElementById("threelines").src == "icons/3horlines.png") 
    {
        document.getElementById("threelines").src = "icons/close.png";
    }
    else
    {
        document.getElementById("threelines").src = "icons/3horlines.png";

    }
}
 
 <button class="ButtonDefault" onclick="toggleNav()"><img  src="icons/3horlines.png"  alt="3horlines" height="30px" id="threelines" onclick="changeImage()">
        </button>

Комментарии:

1. опубликуйте также html

2. Ваш код работает — пожалуйста, покажите также html

3. <класс кнопки=»По умолчанию кнопки» onclick=»toggleNav()»><класс кнопки=»По умолчанию кнопки» onclick=»toggleNav()»><img src=»значки/3 строки.png» alt=»3 строки» высота=»30 пикселей» идентификатор=»три строки» onclick=»Изображение изменения()»> <img src=»значки/3 строки.png» alt=»3 строки» высота=»30 пикселей» идентификатор=»три строки» onclick=»Изменить изображение()»></кнопка>

Ответ №1:

Не уверен, что это то, что вы пытаетесь сделать.

 function changeImage() {
  const linesElement = document.getElementById("threelines");
  if (linesElement.getAttribute('src') == "icons/3horlines.png") {
    linesElement.src = "icons/close.png";
  } else {
    linesElement.src = "icons/3horlines.png";
  }
}

Комментарии:

1. Большое спасибо!

Метки: , , , ,