js使用insertAdjacentElement往目标节点第一个位置插入dom
时间: 2023-07-20 08:11:57 浏览: 171
JavaScript操作DOM对象 Day05
可以使用以下代码将DOM元素插入到目标节点的第一个位置:
```javascript
// 获取目标节点
const targetNode = document.getElementById('target');
// 创建新的DOM元素
const newElement = document.createElement('div');
newElement.textContent = '这是新的DOM元素';
// 将新的DOM元素插入到目标节点的第一个位置
targetNode.insertAdjacentElement('afterbegin', newElement);
```
在上面的代码中,`insertAdjacentElement`方法的第一个参数是用于指定插入位置的位置字符串,可以是以下四个值之一:
- `beforebegin`:在目标节点之前插入DOM元素
- `afterbegin`:在目标节点内部的第一个子节点之前插入DOM元素
- `beforeend`:在目标节点内部的最后一个子节点之后插入DOM元素
- `afterend`:在目标节点之后插入DOM元素
第二个参数是要插入的DOM元素。
阅读全文