gpt4 book ai didi

javascript - 外部文件中无法识别的 JS 命令

转载 作者:行者123 更新时间:2023-11-28 08:48:43 25 4
gpt4 key购买 nike

我正在尝试使用命令 innerHTML 来更改我的 HTML 代码的文本。如果我将它放在 HTML 文件中,它会起作用,但如果我放在外部文件中,它就不会起作用。

有效的方法:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p id="Monkey">Monkey</p>
<script>
document.querySelector("#Monkey").innerHTML="NoMoreMonkeys";
</script>
</body>

</html

输出:NoMoreMonkeys

没有的:

<!DOCTYPE html>
<html>
<head>
<script src="hello.js"></script>
</head>
<body>
<p id="Monkey">Monkey</p>
</body>
</html>

文件“hello.js”:

document.querySelector("#Monkey").innerHTML="NoMoreMonkeys";

输出:猴子

有人可以帮助我吗?

最佳答案

你应该在正文结束之前包含js,

因为如果 js 在 DOM 准备好之前运行,#Monkey 不存在。

<!DOCTYPE html>
<html>
<head>

</head>
<body>
<p id="Monkey">Monkey</p>
<script src="hello.js"></script>
</body>
</html>

或者使用jquery准备好文件:

$(document).ready(function() {
document.querySelector("#Monkey").innerHTML="NoMoreMonkeys";
});

关于javascript - 外部文件中无法识别的 JS 命令,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27465123/

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