Question

未捕获的类型错误：无法读取 <anonymous>:3:40 处的 null 属性“style”[重复]

2021-06-29

839

javascript

第一次使用这些命令。我试图创建一个新元素，并使用此 javascript 代码在网站内使用控制台对其进行样式设置。

const box = document.createElement("div");
box.id = "ExtensionBox";
document.getElementById("ExtensionBox").style.height = "600px";
document.getElementById("ExtensionBox").style.background= "red";

控制台返回此信息：未捕获的 TypeError：无法读取 null 的属性“style” at :3:40

Answer 1

docuct.getElementById 搜索具有匹配ID的元素的文档。

它返回 null 如果找不到此类元素。

在这种情况下，这是因为您刚刚创建了该元素，并且还没有将其附加到文档中的任何元素。

您无需搜索文档为此， box的值 已经是对它的引用。只需使用 box 。

714071594

Answer 2

将其更改为：

const box = document.createElement("div");
box.id = "ExtensionBox";
box.style.height = "600px";
box.style.background = "red";

然后，将您创建的元素附加到页面的实际 dom。