javascript - 在 Javascript 中创建节点

Question

我正在学习 Javascript，我想了解一些东西。我尝试使用 Javascript 构建 HTML 节点，我的代码在分割指令时有效，但在尝试压缩时无效:

我有一个带有文本的选项卡:

var tabText = [
    'The ',
    'Moon',
];

此代码有效:

var s1 = document.createElement('strong');
s1.appendChild(document.createTextNode(tabText[1]));
div.appendChild(s1);

但是这个没有:

div.appendChild(document.createElement('strong').appendChild(document.createTextNode(tabText[1])));

你能给我一些解释吗？

谢谢。

Answer 1

document.createElement('strong').appendChild(document.createTextNode(tabTexte[1]))

node.appendChild 返回附加的子节点，因此上面的代码将返回 textNode(然后将其附加到div，这使得强 elem 无处可去)...

你可能想要这个:

div.appendChild(document.createElement('strong')).appendChild(document.createTextNode(tabText[1]));