H5-insertAdjacentElement
Jonnzer Lv4
insertAdjacentElement作用是?

该方法将一个给定的元素节点插入到相对于被调用的元素的给定的一个位置

如何用呢?
1
element1.insertAdjacentElement(position, element2);

参数positon:

  • beforebegin: 在该元素本身的前面.
  • afterbegin:只在该元素当中, 在该元素第一个子孩子前面.
  • beforeend:只在该元素当中, 在该元素最后一个子孩子后面.
  • afterend: 在该元素本身的后面.

element1:不动的元素
element2:被插入的元素

具体例子
1
2
let fileWrap = document.querySelector(`#${this.fileWrapId}`);
fileWrap.insertAdjacentElement('afterbegin', elem); // elem为插入的元素
参考链接:

mdn

  • 本文标题:H5-insertAdjacentElement
  • 本文作者:Jonnzer
  • 创建时间:2019-03-11 22:42:25
  • 本文链接:https://jonnzer.github.io/2019/03/11/H5-insertAdjacentElement/
  • 版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
 评论