一个原生方法,用于将元素插入到指定元素的给定位置。

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

position:
'beforebegin': 在该元素本身的前面.
'afterbegin':只在该元素当中, 在该元素第一个子孩子前面.
'beforeend':只在该元素当中, 在该元素最后一个子孩子后面.
'afterend': 在该元素本身的后面.

image

这个方法可以很快速的在节点的前后或者节点内部首尾,对比insertBefore来说更方便。

和insertBefore一样,插入的节点如果原本出于文档中,那么就会被移动到指定的位置。

如果只是想插入一段文本的话,可以使用类似的方法:insertAdjacentText, 语法都是一样的。

兼容性:

Can I Use insert-adjacent? Data on support for the insert-adjacent feature across the major browsers from caniuse.com.

觉得作者写得不错?不妨轻击下方按钮~

赏点银子给楼主凑凑买咖啡喝吧
微信
支付宝
扫码打赏,建议金额1-10元

Copied From 畅言