Question

这是代码，它在控制台中告诉我按钮为空。

<!doctype html>
<html>
    <head>
        <script language="JavaScript" type="text/javascript" src="test.js"></script>
    </head>
    <body>
        <button type=button id="button">Click me</button>
    </body>
</html>

这是javascript test.js

function showAlert(){
    alert("this is an alert");
}

var button = document.getElementById("button");

button.addEventListener("click", showAlert);

Answer 1

test.js被包含在<button>元素之前。因此，当脚本被执行时，元素就不存在了。因此，在之后包含您在其中访问的元素的<script> 。

<!doctype html> <html> <head></head> <body> <button type=button id="button">Click me</button> <script language="JavaScript" type="text/javascript" src="test.js"></script> </body> </html>

我的变量被赋值为null，我不明白为什么

1 个答案: