📅 最后修改于: 2023-12-03 15:02:24.833000 🧑 作者: Mango
在Javascript中，可以通过操作DOM（文档对象模型）来创建、修改和删除HTML元素。其中之一的操作是创建一个新的HTML节点。通常情况下，使用Javascript中的createElement()方法来创建一个新的HTML元素，但是在某些情况下，我们可能需要使用字符串来创建节点。
使用innerHTML属性来创建节点，可以将HTML代码作为字符串插入到现有的DOM中。例如：
let divElement = document.createElement('div');
divElement.innerHTML = '<h1>这是一个标题</h1><p>这是一个段落</p>';
document.body.appendChild(divElement);
上面的代码既创建了一个新的div节点，又将包含<h1>和<p>标签的HTML代码作为字符串插入到了这个节点中。
这种方法可以快速而方便地创建DOM节点，但是需要注意的是，由于innerHTML属性的特殊性质，其内容会被浏览器解析并执行，这可能会导致安全问题，因此应该避免在innerHTML中插入未经过滤的用户输入。
另一种使用字符串创建节点的方法是使用document.createTextNode()方法。该方法接受一个字符串作为参数，并返回一个表示该字符串的文本节点。例如：
let textNode = document.createTextNode('这是一个文本节点');
document.body.appendChild(textNode);
这段代码将一个新的文本节点添加到了页面的<body>标签中。
可以使用与createElement()方法相同的DOM API来修改和操作文本节点的各个属性。
使用字符串创建节点是Javascript中一种强大的、灵活的DOM操作方式。无论是使用innerHTML属性还是document.createTextNode()方法，都可以快速而方便地创建DOM节点。但是需要注意的是，为了避免安全问题和代码的健壮性，我们应该用适当的方式处理和过滤用户输入，并理解动态创建DOM节点的影响。