从文本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

为什么不试试呢：

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

简而言之。

Answer 2

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

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

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