Javascript createElement 并追加子节点

Question

我正在尝试创建一个元素并向其附加一个子节点，但我的返回只是一个没有该元素的字符串。

我首先创建元素

const li = document.createElement('li');

其次，我使用以下命令创建文本节点:

const text = document.createTextNode('hello');

最后，我将文本附加到 li 中:

const newMessage = li.appendChild(text);

console.log(newMessage) 的结果只是消息的字符串。 dom 中的输出也只是一个字符串。我期待带有文本节点的完整 li 元素。我也尝试过使用innerHTML 而不是appendChild。

似乎是一个巨大的菜鸟问题，但我不确定我错过了什么？

谢谢

Answer 1

将 li 元素也附加到 dom 以显示它。

const li = document.createElement('li');
const text = document.createTextNode('hello');
var a=li.appendChild(text);
document.getElementById("list").appendChild(li)
console.log(a)

<ul id="list">
</ul>