时间戳

首页 > 解决方案 > 未捕获的类型错误：无法读取 null 的属性“innerText”

javascript - 未捕获的类型错误：无法读取 null 的属性“innerText”

问题描述

我不知道这个错误，因为我只是检查了所有其他主题并没有得到结果。

let demo = document.getElementById("#demo");
demo.innerText("yo");
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Pract</title>
</head>
<body>
    <script src="javascript.js"></script>
    <p id="demo"></p>
</body>
</html>

标签： javascript

解决方案

//currently your id is demo

let demo = document.getElementById("demo");
demo.innerText="yo";

///if your id is  #demo use this
let demo2 = document.getElementById("#demo");
demo2.innerText="yolo";
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Pract</title>
</head>
<body>
    <script src="javascript.js"></script>
    <p id="demo"></p>
    <p id="#demo"></p>
</body>
</html>

由于您的 id 是demo, not #demo，您需要像这样编写代码：

let demo = document.getElementById("demo");  // don't use #
demo.innerText = "yo";  // Also change innerText like this

对于更改innerText属性，请查看docs。innerText不是一种方法。

推荐阅读