码迷,mamicode.com
首页 > 其他好文 > 详细

7.4 insertBefore()方法

时间:2020-04-02 17:32:38      阅读:62      评论:0      收藏:0      [点我收藏+]

标签:var   node   child   目标   get   调用   方法   span   append   

1.parentElement.insertBefore(newElement,targetElement)

把一个新元素插入到一个现有元素的前面,调用此方法时,需要做三件事:

(1)声明想插入的新元素

(2)声明想把新元素插到哪个现有元素的前面

(3)声明这两个新旧元素的父元素

 

2.在DOM里,一个元素节点的父元素必须是另一个元素(属性节点和文本节点的子元素不允许是元素节点)

 

3.function insertAfter(newElement,targetElement){

      var parent = targetElement.parentNode;

      if (parent.lastChild == targetElement) {

    parent.appendChild(newElement);

  } else {

    parent.insertBefore(newElement,targetElement.nextSibling);

  }

   }

目标元素后面的下一个兄弟节点是目标元素的nextSibling属性

7.4 insertBefore()方法

标签:var   node   child   目标   get   调用   方法   span   append   

原文地址:https://www.cnblogs.com/ljt828/p/12621153.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!