Question

应该是直截了当但我无法在按钮点击时更改图像。请问任何人都可以发现以下代码有什么问题。提前谢谢。

<!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>

Answer 1

应该是：

document.getElementById("demo").src = "images/bye.jpg";

javascript中的案例问题：getelementbyid与getElementById不同。

设置按钮更改图像Javascript

1 个答案: