js添加节点
时间: 2023-08-06 09:12:52 浏览: 91
要在 JavaScript 中添加节点,您可以使用以下步骤:
1. 创建要添加的节点元素。您可以使用 `document.createElement()` 方法创建一个新的元素节点,如下所示:
```javascript
var newNode = document.createElement("div");
```
2. 设置节点的属性和内容。您可以使用 `setAttribute()` 方法为节点设置属性,如下所示:
```javascript
newNode.setAttribute("id", "myDiv");
newNode.innerHTML = "This is a new div element";
```
3. 将节点添加到文档中。您可以使用 `appendChild()` 方法将节点添加到文档中的某个父元素中,如下所示:
```javascript
var parentElement = document.getElementById("parentDiv");
parentElement.appendChild(newNode);
```
在这个示例中,我们假设已经有一个具有 id 为 "parentDiv" 的元素作为父元素存在。
完整的代码示例:
```javascript
var newNode = document.createElement("div");
newNode.setAttribute("id", "myDiv");
newNode.innerHTML = "This is a new div element";
var parentElement = document.getElementById("parentDiv");
parentElement.appendChild(newNode);
```
这将在具有 id 为 "parentDiv" 的元素内添加一个新的 div 元素,该元素具有 id 为 "myDiv",并且包含文本 "This is a new div element"。
阅读全文