Javascript 为什么我的全局变量不在函数之间传递它的值

在链接到HTML页面的JavaScript文档顶部，我声明：

var pizzaVar;

然后，我在代码后面有一个函数，它设置变量的值，然后调用另一个函数：

function makePizza()
{
    pizzaVar = document.getElementById("pizzaDiv").innerHTML;
    givePizzaToppings();
}

但是当我试图在下一个函数中使用

pizzaVar

来设置

pizzaDiv

的innerHTML时，什么也没有发生：

function givePizzaToppings()
{
    var toppings = "<p>Onions and Bacon</p>";
    pizzaVar = toppings;
}

成功了。我不想每次我想改变pizzaDiv的时候都把它放进去，但是，有没有办法解决这个问题呢

附言：我试着说

var pizzaVar= document.getElementById("pizzaDiv").innerHTML;  

函数之外，但我收到一条错误消息，上面说：

TypeError: null is not an object(evaluating 'document.getElementById("pizzaDiv").innerHTML')

---

您的

pizzaVar

将指向一个字符串值，该值将是赋值时的HTML。它不会神奇地设置一个链接来更改它

如果要使用此全局变量，最好将其指向

div

元素，然后每次要更改其值时都使用

innerHTML

---

然后，您应该研究了解为什么

innerHTML

很少是修改DOM的最佳工具。

您的

pizzaVar

将指向一个字符串值，该值将是赋值时的HTML。它不会神奇地设置一个链接来更改它

如果要使用此全局变量，最好将其指向

div

元素，然后每次要更改其值时都使用

innerHTML

---

然后，您应该研究了解为什么

innerHTML

很少是修改DOM的最佳工具。

您的

pizzaVar

将指向一个字符串值，该值将是赋值时的HTML。它不会神奇地设置一个链接来更改它

如果要使用此全局变量，最好将其指向

div

元素，然后每次要更改其值时都使用

innerHTML

---

然后，您应该研究了解为什么

innerHTML

很少是修改DOM的最佳工具。

您的

pizzaVar

将指向一个字符串值，该值将是赋值时的HTML。它不会神奇地设置一个链接来更改它

如果要使用此全局变量，最好将其指向

div

元素，然后每次要更改其值时都使用

innerHTML

---

然后，您应该研究了解为什么

innerHTML

很少是修改DOM的最佳工具。

不幸的是，每当您想要更改pizza div的

.innerHTML

时，您必须在等号的左侧编写

文档.getElementById（“pizzaDiv”）.innerHTML

pizzaVar

不是指针，也不指向div的

.innerHtml

---

您得到的错误是告诉您

document.getElementById（“pizzaDiv”）

返回

null

，因此根本没有属性，更不用说

.innerHtml

属性了。这是因为它在调用

.getElementById

时不存在。

不幸的是，每当您想要更改pizza div的

.innerHtml

时，您必须在等号的左侧编写

文档.getElementById（“pizzaDiv”）.innerHtml

pizzaVar

不是指针，也不指向div的

.innerHtml

---

您得到的错误是告诉您

document.getElementById（“pizzaDiv”）

返回

null

，因此根本没有属性，更不用说

.innerHtml

属性了。这是因为它在调用

.getElementById

时不存在。

不幸的是，每当您想要更改pizza div的

.innerHtml

时，您必须在等号的左侧编写

文档.getElementById（“pizzaDiv”）.innerHtml

pizzaVar

不是指针，也不指向div的

.innerHtml

---

您得到的错误是告诉您

document.getElementById（“pizzaDiv”）

返回

null

，因此根本没有属性，更不用说

.innerHtml

属性了。这是因为它在调用

.getElementById

时不存在。

不幸的是，每当您想要更改pizza div的

.innerHtml

时，您必须在等号的左侧编写

文档.getElementById（“pizzaDiv”）.innerHtml

pizzaVar

不是指针，也不指向div的

.innerHtml

---

您得到的错误是告诉您

document.getElementById（“pizzaDiv”）

返回

null

，因此根本没有属性，更不用说

.innerHtml

属性了。这是因为在调用

.getElementById

时它不存在。

JavaScript是在HTML之前加载的吗？如果是这样，请将其更改为load after，否则它将找不到您正在引用的元素。JavaScript是在HTML之前加载的吗？如果是这样，请将其更改为load after，否则它将找不到您正在引用的元素。JavaScript是在HTML之前加载的吗？如果是这样，请将其更改为load after，否则它将找不到您正在引用的元素。JavaScript是在HTML之前加载的吗？如果是这样，请将其更改为load after，否则它将找不到您正在引用的元素。

TypeError: null is not an object(evaluating 'document.getElementById("pizzaDiv").innerHTML')