创建一个子节点_插入一个节点_,在已有元素之前插入节点_,删除字节点_-。
时间: 2024-02-27 07:52:02 浏览: 18
好的,我可以回答你的问题。
创建一个子节点可以使用`document.createElement()`方法,例如:
```javascript
const parentElement = document.querySelector('#parent');
const newElement = document.createElement('div');
parentElement.appendChild(newElement);
```
这样就创建了一个新的`<div>`元素,并将其作为`#parent`元素的子元素添加到了DOM树中。
插入一个节点可以使用`insertBefore()`方法,例如:
```javascript
const parentElement = document.querySelector('#parent');
const existingElement = document.querySelector('#existing');
const newElement = document.createElement('div');
parentElement.insertBefore(newElement, existingElement);
```
这样就创建了一个新的`<div>`元素,并将其作为`#parent`元素的子元素插入到了`#existing`元素之前。
删除子节点可以使用`removeChild()`方法,例如:
```javascript
const parentElement = document.querySelector('#parent');
const childElement = document.querySelector('#child');
parentElement.removeChild(childElement);
```
这样就从`#parent`元素中删除了`#child`元素。