从文本 Javascript 创建一个新节点

Question

假设，我有这样一个文本文件：

<button onclick="logIn.newTask();">Log In</button>

现在，在 Javascript 中，我想将它加载到我的 HTML 页面中，只需 document.appendChild(); 就像这样：

var client = new XMLHttpRequest();
client.open('GET', 'http://localhost/button.txt');
client.onreadystatechange = function () {
    if (this.readyState == 4 && this.status == 200) {
        document.appendChild(client.responseText);   // Load the button see above.
    }
}
client.send();

我的问题是这段代码给我这个错误：

所以，我试图找到如何将文本转换为节点，但我在这个主题中找不到任何内容。

简短问题：

我想在我的网页中加载一些html的元素，但我找不到任何方法来实现这个目的。

非常感谢任何帮助。

如果您有任何问题或意见，请告诉我。

Answer 1

您需要创建一个新的 DOM 节点（使用 document.createElement(tagName)），然后将其 innerHTML 设置为您的 HTML.

字符串

这将使浏览器将 HTML 解析为新节点的子元素。

然后您可以将新节点或其子节点附加到某个现有节点。

Answer 2

为什么不尝试一下：

document.appendChild(document.createTextNode(client.responseText));

保持简短。

从文本 Javascript 创建一个新节点

Create a new node from text Javascript

html

javascript

appendchild

nodes