怎样给新创建的节点设置id
时间: 2024-02-21 07:01:18 浏览: 105
初学js 新节点的创建 删除 的步骤
给新创建的节点设置id可以使用JavaScript中的`setAttribute()`方法。该方法可以为元素节点设置任何属性,包括id属性。
例如,以下是创建一个新的p元素节点,并为其设置id属性的示例代码:
```
var newP = document.createElement("p");
newP.setAttribute("id", "my-paragraph");
var textNode = document.createTextNode("This is a new paragraph.");
newP.appendChild(textNode);
document.body.appendChild(newP);
```
这段代码中,使用`setAttribute()`方法为新创建的p元素节点设置id属性为"my-paragraph"。然后,将文本节点添加到该p节点中,并将该p节点添加到body节点的子节点列表的末尾。
另外,也可以直接使用元素节点的`id`属性来设置其id值,例如:
```
var newP = document.createElement("p");
newP.id = "my-paragraph";
var textNode = document.createTextNode("This is a new paragraph.");
newP.appendChild(textNode);
document.body.appendChild(newP);
```
这段代码与前面的示例效果相同,直接使用元素节点的`id`属性设置其id值为"my-paragraph"。
阅读全文