element.insertAdjacentElement(position, element)
将元素移动到指定元素的指定位置上。
position
- beforebegin 指定元素之前
- afterend 指定元素之后
- afterbegin 指定元素的第一个子元素之前
- beforeend 指定元素的最后一个子元素之后
element
- 要移动的元素
返回值
- 插入成功,返回插入的元素
- 插入失败,返回nul
element.insertAdjacentHTML(position, text)
将指定的文本解析为element元素,并将结果节点插入到DOM树中的指定位置。它不会重新解析它正在使用的元素,因此它不会破坏元素内的现有元素。这避免了额外的序列化步骤,使其比直接使用innerHTML操作更快。
- 插入用户输入的HTML内容的时候,需要转义之后才能使用。
- 如果只是为了插入文本内容(而不是HTML节点),不建议使用这个方法。因为这样不需要经过HTML解释器的转换,性能会好一点。
element.insertAdjacentText(position, element);
将一个给定的文本节点插入在相对于被调用的元素给定的位置。