gpt4 book ai didi

javascript - 如何在函数中正确访问 DOM?

转载 作者:行者123 更新时间:2023-11-28 15:49:01 24 4
gpt4 key购买 nike

我有一个示例 HTML 页面:

<html>
<head>
<script src="test.js" type="text/javascript"></script>
</head>
<body>
<button id="myButton" title="test">Test</button>
</body>
</html>

对应的JS代码:

window.onload = function_onload(); 

function function_onload () {
var myButton = document.getElementById("myButton");
myButton.addEventListener("click", function_onclick());
}

function function_onclick() {
alert("Hello word");
}

我不明白为什么在这种情况下变量myButtonnull。我应该将 window.document 作为参数传递给 function_onload 吗?我已经尝试过这个,但它不起作用。

最佳答案

从表面上看,您正在立即调用该方法。我相信您想这样做:

window.onload = function_onload

请记住,函数对象是用括号调用的,这就是您的情况所发生的情况。因此,只需删除它们,以便引用该函数,而不是立即调用它。

此外,正如 Deryck 在评论中指出的那样,您正在对主体 function_onload 函数中的“click”事件监听器执行相同的操作。与之前相同,删除 function_onclick 中的括号,以便传递函数本身,而不是立即调用。

myButton.addEventListener("click", function_onclick);
^^
Remove parentheses here

关于javascript - 如何在函数中正确访问 DOM?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21246049/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com