Javascript 如何将单词variable附加到div中？

我想它不会让我这样做，因为它正在返回一个字符串。我得到的错误是“未能在“节点”上执行“appendChild”：参数1不是“节点”类型。如何正确地编写这段代码

getWord() {
    let words = ["Movies", "Series", "DC Comics", "Batman"];
    let word = words[Math.floor(Math.random() * words.length)];

    let div = document.createElement("div");
    div.appendChild(word);
  }

---

尝试

div.innerText=word

。因为您正在尝试插入字符串作为节点。

如果您希望继续使用

div.appendChild（）

，以便将来可以更改文本节点的样式或元素标记名，则可以创建文本节点并将其附加到div，如下所示：

var text = document.createTextNode(word);
div.appendChild(text);

---

在您的示例中，您尝试在元素中追加字符串，这是不正确的，appendChild方法的参数应为元素，例如：

const parent = document.createElement("div");
parent.appendChild(document.createElement("div"));

对于您的情况，当您需要向元素添加内容时，应使用textNode：

const title = document.createElement("H1");
const text = document.createTextNode("Movies");
title.appendChild(text);

或：

---

您需要

div.textContent=word，或者先在div和word之间创建一个文本节点。谢谢，它可以工作！：）
const title = document.createElement("H1");
title.textContent = "Series";