Изображение не будет переключаться между скрытым и показным
Я не могу получить изображение дляпереключаться между «скрытым» и «показом»
Я использую идеи изКак создать скрытый <img> в JavaScript?
У меня есть две разные кнопки, одна из которых использует html, а другая - javascript. Если я закомментирую одну строку, появится фотография с лампочкой
//document.getElementById("light").style.visibility = "hidden";
Эта строка кода в моемфункция 'init'
Если я не прокомментирую строку, индикатор останется «скрытым», независимо от того, какую кнопку я нажимаю
Я не вижу ошибок в журнале веб-консоли в Safari
<!DOCTYPE html>
<html>
<body>
<h1>Switch on the Light</h1>
<img id="light" src="WebVuCoolOldBulb-2.jpg" style="width:100px" >
<button type = button
onclick="document.getElementById('light').src.show ='WebVuCoolOldBulb-2.jpg'" >Switch On the Light
</button>
<input type="button" id="onButton" value="ON" />
</body>
<script>
//document.images['light'].style.visibility = hidden;
function init() {
//document.getElementById("light").style.visibility = "hidden";
var onButton = document.getElementById("onButton");
onButton.onclick = function() {
demoVisibility() ;
}
}
function demoVisibility() {
document.getElementById("light").style.visibility = "show";
}
document.addEventListener('readystatechange', function() {
// Seems like a GOOD PRACTICE - keeps me from getting type error I was getting
// https://stackoverflow.com/questions/14207922/javascript-error-null-is-not-an-object
if (document.readyState === "complete") {
init();
}
});
</script>
</html>