insertAdjacentElement

144 阅读1分钟

无意中看到一个html的api insertAdjacentElement,之前没用过,记录一下

Element 接口的 insertAdjacentElement()  方法将一个给定的元素节点插入到相对于当前元素的指定位置。

image.png

image.png

类似的还有

element.insertAdjacentHTML

解释: insertAdjacentHTML()  方法将指定的文本解析为 Element 元素,并将结果节点插入到 DOM 树中的指定位置。它不会重新解析它正在使用的元素,因此它不会破坏元素内的现有元素。这避免了额外的序列化步骤,使其比直接使用 innerHTML 操作更快

insertAdjacentHTML(position, text)

Element.insertAdjacentText()

insertAdjacentText()  方法将一个给定的文本节点插入在相对于被调用的元素给定的位置。

insertAdjacentText(where, data)

这三个api的第一个参数都一样

官网链接developer.mozilla.org/zh-CN/docs/…