js添加元素节点的方法

在JavaScript中，可以使用以下几种方法来添加元素节点：

1. createElement()方法：使用该方法创建一个新的HTML元素节点。例如，可以使用以下代码创建一个新的段落元素节点：

var para = document.createElement("p");

2. createTextNode()方法：使用该方法创建文本节点。例如，可以使用以下代码创建一个新的文本节点：

var text = document.createTextNode("这是新的文本节点");

3. appendChild()方法：使用该方法将一个新的子节点添加到父节点中。例如，以下代码将新创建的段落元素节点添加到HTML文档的body元素节点中：

document.body.appendChild(para);

4. insertBefore()方法：使用该方法将一个新的节点插入到父节点中某个指定节点的前面。例如，以下代码将新创建的段落元素节点插入到id为"div1"的元素节点的前面：

var div = document.getElementById("div1");
document.body.insertBefore(para, div);

5. innerHTML属性：使用该属性可以将HTML代码作为字符串插入到指定节点中。例如，以下代码将一段HTML代码插入到id为"div1"的元素节点中：

document.getElementById("div1").innerHTML = "<p>这是一段HTML代码</p>";

通过上述方法，可以方便地使用JavaScript添加元素节点到HTML文档中的指定位置。