JS错误消息textContent设置为null

Question

我对JS和网络开发世界都很陌生，所以如果我的问题有点单调，请提前道歉。

我写了这段代码：

"ABC"
"ABC"
"ABC"

我从浏览器收到错误消息：

var breakfast = new Object();
breakfast.food = "croissant";
breakfast.extra = ["mushroom", "cheese"];
breakfast.eat = function(){return this.food + " with " +  this.extra[0];}
var elBreakfast = document.getElementById("breakf");
elBreakfast.textContent = breakfast.eat();

我做错了什么？

谢谢！

Answer 1

这里唯一重要的代码是document.getElementById("breakf");。您的浏览器似乎无法在HTML标记中查询ID为breakf的元素。

因此，您需要在浏览器中检查HTML代码。检查是否有任何带有id=breakf的HTML节点。如果没有，您应该正确地收到该错误。

Answer 2

尝试在html页面中添加body标记的脚本引用，以便它将加载breakf元素然后应用breakfast.eat（）;

Answer 3

错误来自document.getElementById("breakf")。 浏览器似乎无法找到ID为breakf的节点。

检查html代码中是否有id="breakf"的节点，如果它不存在，请将其添加到要写入文本的节点中，并且它应该是好的。