Не работает addEventListener в Chrome?

Question

[Daniel_Defo]

Добрый день уважаемы джедаи веба. Столкнулся с такой проблемой : Есть код

<button id="mute" title="Mute button" >
<div><img class="img-responsive" alt="Volume on button" src="img/main-body/btn_audio.png"></div>
</button>

document.getElementById("mute").addEventListener("click", function (evt) {
					if (video.muted) {
						video.muted = false;
						evt.target.innerHTML = "<img alt='volume on button' src='img/main-body/btn_audio.png'>"
					} else {
						video.muted = true;
						evt.target.innerHTML = "<img alt='volume off button' src='img/main-body/muted.png'>"
					}
}, false);

Которая меняет картинку при нажатии на другую, так вот во всех браузерах все ок, кроме Хрома, он просто создает картинку внтури картинки, но не меняет ее. ссылка на сайт
Может сталкивался кто нибудь с такой проблемой?

Comments

[acorn]

https://learn.javascript.ru/modifying-document#%D1...
может вот это подойдет? добавление и удаление узлов?

[Daniel_Defo]

acorn, в js не силен, скрипт нашел на просторах интернета, понятия не имею как это реализовывается.

Answer 1

[bm1]

Попробуйте заменить evt.target на this

Comments

[Daniel_Defo]

Благодарю вас, сработало)
Удачи вам!