javascript - 首次点击后Javascript停止工作(Javascript stop working after first click)

Question

i tried to change the direction of the arrow by changing the scr of the image.(我试图通过更改图像的scr来更改箭头的方向。)

"www.bsbbalulstudentilorbucuresteni.ro/index" you can see here the problem.(您可以在这里看到“ www.bsbbalulstudentilorbucuresteni.ro/index”问题。) <img id="hnav" src="img/down-arrow.svg" class="icon-hnav" onclick="myFunction()"> function myFunction() { var x = document.getElementById("myDIV"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } var x = document.getElementById("hnav"); if (x.style.bottom === "5px") { x.style.bottom = "50px"; } else { x.style.bottom = "5px"; } var x = document.getElementById("hnav"); if (x.src === "img/up-arrow.svg") { x.src = "img/down-arrow.svg"; } else { x.src = "img/up-arrow.svg"; } }   ask by VlWWv translate from so

Answer 1

The src property of an element will return the full path:(元素的src 属性将返回完整路径：)

img.src = 'foo.png'; console.log(img.src); <img id="img"> So, on further clicks, either check against the full path:(因此，在进一步点击时，请对照完整路径进行检查：) if (x.src === "http://www.bsbbalulstudentilorbucuresteni.ro/img/up-arrow.svg") { or check against the src attribute instead:(或改为检查src属性：) if (x.getAttribute('src') === "img/up-arrow.svg") { img.src = 'foo.png'; console.log(img.getAttribute('src')); <img id="img">