javascript - 从文本 Javascript 创建一个新节点

Question

假设，我有一个像这样的文本文件:

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

现在，在 Javascript 中，我想使用简单的 document.appendChild(); 将其加载到我的 HTML 页面中，如下所示:

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 解析为新节点的子元素。

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