如何在使用appendChild时显示html

Question

我在JavaScript中通过此代码创建了一些元素：

var tdiv = document.createElement("div");
tdiv.setAttribute('id', 'titlediv');
var ddiv = document.createElement("div");
ddiv.setAttribute('id', 'datediv');
var cdiv = document.createElement("div");
cdiv.setAttribute('id', 'contentdiv');

现在我必须将一些html文本附加到cdiv。我尝试cdiv.appendChild()，但它显示错误，因为它不是节点。尝试做var newsupdate_ = document.createTextNode(global[j].content)然后附加它但看起来像这样：

我可以使用setAttribute将内容放在所需的div中吗？

Answer 1

使用innerHTML，例子 document.getElementById（“demo”）。innerHTML =“Paragraph changed！”;

Answer 2

appendChild()无法在cdiv中使用，因为createElement()创建的元素中不存在此类方法。

createTextNode()创建一个新的Text节点。它不会评估参数字符串中存在的任何HTML。

按以下方式尝试innerHTML：

var cdiv = document.createElement("div");
cdiv.setAttribute('id', 'contentdiv');
cdiv.innerHTML = '<h1>Header 1</h1>';
document.getElementById('container').append(cdiv);

<div id="container"></div>