Element.inserAdjacentElement()

insertAdjacentElement()方法将一个给定的元素节点插入到相对于被调用的元素的给定的一个位置.

语法: element.inserAdjacentElement(position,element);

position参数:

‘beforebegin‘:在该元素自身的前面

‘afterend‘:在该元素自身的后面

‘beforeend‘:在该元素中,且在该元素最后一个子孩子后面

‘afterbegin‘:在该元素当中,且在该元素第一个字孩子前面

位置命名的可视化展示

<!-- beforebegin -->
<p>
<!-- afterbegin -->
foo
<!-- beforeend -->
</p>
<!-- afterend -->

注: 当节点处于DOM树中而且有一个父元素的时候 beforebegin 和 afterend操作才能起作用。