DOM基础笔记——element 插入元素方法

element.insertAdjacentElement(position, element)

将元素移动到指定元素的指定位置上。

position

1. beforebegin  指定元素之前
2. afterend  指定元素之后
3. afterbegin    指定元素的第一个子元素之前
4. beforeend    指定元素的最后一个子元素之后

element

1. 要移动的元素

返回值

1. 插入成功，返回插入的元素
2. 插入失败，返回nul

element.insertAdjacentHTML(position, text)

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

• 插入用户输入的HTML内容的时候，需要转义之后才能使用。
• 如果只是为了插入文本内容（而不是HTML节点），不建议使用这个方法。因为这样不需要经过HTML解释器的转换，性能会好一点。

element.insertAdjacentText(position, element);

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