gpt4 book ai didi

javascript - querySelectorAll 不起作用?

转载 作者:行者123 更新时间:2023-12-03 08:46:40 25 4
gpt4 key购买 nike

这是我的 JavaScript 代码:

function answer(){
var list = document.querySelectorAll("#fish");
list[1].onclick = talk();
}

function talk(){
alert('hello!');
}

window.onload = answer();

运行时,它会弹出我的浏览器窗口,并显示警报:“你好”。我的html代码:

<!DOCTYPE html>
<html>
<head>
<title>my site</title>
<script src="new 3x.js"></script>
</head>
<body>
<section>
<p id="fish">hello world!</P>
<p id="fish">tuna</P>
<p id="stuff">durr</P>
</section>
</body>
</html>

它会在加载选项卡时提醒您好。而我希望它在我单击金枪鱼时运行警报!

最佳答案

您没有正确分配事件处理程序 - 您正在分配调用函数的结果,而不是函数本身。删除():

function answer(){
var list = document.querySelectorAll("#fish");
list[1].onclick = talk;
}

function talk(){
alert('hello!');
}

window.onload = answer;

当前发生的情况是,一旦点击 window.onload = answer(); 行,您就会立即运行 answer 函数。当它到达 onclick 行时,它会立即调用 talk 函数。这不是你想要的。

关于javascript - querySelectorAll 不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32862135/

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