无意中看到一个html的api insertAdjacentElement,之前没用过,记录一下
Element 接口的 insertAdjacentElement() 方法将一个给定的元素节点插入到相对于当前元素的指定位置。
类似的还有
element.insertAdjacentHTML
解释:
insertAdjacentHTML() 方法将指定的文本解析为 Element 元素,并将结果节点插入到 DOM 树中的指定位置。它不会重新解析它正在使用的元素,因此它不会破坏元素内的现有元素。这避免了额外的序列化步骤,使其比直接使用 innerHTML 操作更快
insertAdjacentHTML(position, text)
Element.insertAdjacentText()
insertAdjacentText() 方法将一个给定的文本节点插入在相对于被调用的元素给定的位置。
insertAdjacentText(where, data)
这三个api的第一个参数都一样