它应该很简单,但我无法获得在单击按钮时更改图像的功能。请任何人都可以发现下面的代码有什么问题。提前致谢。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>BlankCordovaApp4</title>
<!-- BlankCordovaApp4 references -->
<link href="css/index.css" rel="stylesheet" />
</head>
<body>
<p>Greeting!</p>
<img id="demo" src="images/hello.jpg" width="180" height="123">
<button id="Btn" type="button" onclick="changeImage();">Click Me</button>
<!-- Cordova reference, this is added to your app when it's built. -->
<script src="cordova.js"></script>
<script src="scripts/platformOverrides.js"></script>
<script src="scripts/index.js"></script>
<script>
function changeImage() {
document.getelementbyid("demo").src = "images/bye.jpg";
};
</script>
</body>
</html>
最佳答案
应该是:
document.getElementById("demo").src = "images/bye.jpg";
JavaScript 中的大小写问题:getelementbyid
与 getElementById
不同。
关于javascript - 设置按钮来更改图像 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28660451/