insertAdjacentHTML
insertAdjacentHtml
之前添加元素都是用的innerHTML和textHTML
最近才发现个更好用的方法insertAdjacentHTML和insertAdjacentTEXT方法
insertAdjacentHTML() 方法将指定的文本解析为 Element 元素,并将结果节点插入到DOM树中的指定位置。它不会重新解析它正在使用的元素,因此它不会破坏元素内的现有元素。这避免了额外的序列化步骤,使其比直接使用innerHTML操作更快。
element.insertAdjacentHTML(position, text);
position
一个 DOMString,表示插入内容相对于元素的位置,并且必须是以下字符串之一:
- ‘beforebegin’:元素自身的前面。
- ‘afterbegin’:插入元素内部的第一个子节点之前。
- ‘beforeend’:插入元素内部的最后一个子节点之后。
- ‘afterend’:元素自身的后面。
text
是要被解析为HTML或XML元素,并插入到DOM树中的 DOMString。