2014-10-21 2 views
1

Мне нужно нажать кнопку html TWICE, чтобы добиться того, что мне нужно в моем проекте. Так что я использую javascript, чтобы нажимать кнопку, используя click(). Но следующий скрипт не работает для меня. Пожалуйста, попробуйте здесь http://www.w3schools.com/js/tryit.asp?filename=tryjs_lightbulb.Нажмите кнопку html, используя javascript

<!DOCTYPE html> 
<html> 
<body> 

<img id="myImage" onclick="changeImage()" src="pic_bulboff.gif" width="100" height="180"> 

<p>Click the light bulb to turn on/off the light.</p> 

<script>document.getElementById('myImage').click(); 
     document.getElementById('myImage').click(); 
    </script> 


</body> 

<script> 
function changeImage() { 
    alert(100); 
    var image = document.getElementById('myImage'); 
    if (image.src.match("bulbon")) { 
     image.src = "pic_bulboff.gif"; 
    } else { 
     image.src = "pic_bulbon.gif"; 
    } 
} 
</script> 

</html> 

Я попытался щелкнуть его только один раз, чтобы просто увидеть, иду ли я в правильном направлении или нет, даже если это не работает.

ответ

1

Попробуйте это:

<!DOCTYPE html> 
<html> 
<body> 

<img id="myImage" onclick="changeImage()" src="pic_bulboff.gif" width="100" height="180"> 

<p>Click the light bulb to turn on/off the light.</p> 

<script> 
// --> Script code should be before closing body tag 
function changeImage() { 
    alert(100); 
    var image = document.getElementById('myImage'); 
    if (image.src.match("bulbon")) { 
     image.src = "pic_bulboff.gif"; 
    } else { 
     image.src = "pic_bulbon.gif"; 
    } 
} 
document.getElementById('myImage').click(); 
</script> 

</body> 
</html> 
Смежные вопросы