AppendChild 不适用于 textcontent (javascript)

Rajat 发表于 Dev

界限

我正在使用 createElement 创建一个 Div，然后在这个 div 中使用 createElement 创建强标签，并为其分配一个文本并将其附加到 firstDiv（我之前创建的）中，然后我将内容分配给主 Div（之前创建的 div）。但它只显示文本内容，没有显示我创建的强标签。

请帮助我哪里我错了。这里是

附图：

肯尼

textContent 替换元素中的所有内容。

http://jsfiddle.net/2nmL7v5b/6/

你必须像这样

var infoDiv = document.createElement("div");
infoDiv.setAttribute("class", "text-block");
var bio = document.createElement("strong");
bio.textContent = "Bio";
infoDiv.appendChild(bio);
var spanElem = document.createElement("div");
spanElem.textContent = "Full";
infoDiv.appendChild(spanElem)


document.getElementsByTagName("body")[0].appendChild(infoDiv)

<body>
</body>

或者，如果你不想使用span标签，你可以使用innerHTML也喜欢

http://jsfiddle.net/2nmL7v5b/11/

var infoDiv = document.createElement("div");
infoDiv.setAttribute("class", "text-block");
var bio = document.createElement("strong");
bio.textContent = "Bio";
infoDiv.appendChild(bio);

infoDiv.innerHTML += "Full";

document.getElementsByTagName("body")[0].appendChild(infoDiv)