javascript - 为什么从 JS 代码调用 innerHTML 不起作用?
问题描述
我在我的 JS 代码中调用了一个名为 Func() 的函数,它应该使用 innerHTML 方法更改 html 标记内容,但它不起作用。
HTML 代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="js.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p id="result">results will be here</p>
</body>
</html>
JavaScript 代码
function Func(){
var a = "Hello world";
document.getElementById("result").innerHTML = a;
}
Func();
The console shows this error:
Uncaught TypeError: Cannot set property 'innerHTML' of null
解决方案
改成这样:
Document.addEventListener("DOMContentLoaded",
function(event) {
Func();
});
或者,如果您有 jquery,请将其用于准备好的事件。
只有当 Dom 准备好并且元素结果准备好时,才能调用此函数 Func
推荐阅读
- python - 如何对近似相邻的列表进行分组
- java - getTextContent() 通过“不应取消引用空指针”
- c++ - 当向量发生时会发生什么
> 调整大小? - esp32 - 为什么 at+blegattcrd 在 esp32 中不起作用?
- django - 如何根据条件语句将值传递给另一个模型
- angular - 为什么我的应用组件 ngOnInit 调用了两次?
- python - 语音识别 - 我应该如何使用模型对给定的音频流进行分类?
- python - Pyspark azuresql
- node.js - 使用 Cron 自动化 NodeJS Express Get 和 Post 请求
- angular - Angular - 如何使用 Jasmine 测试 setInteval