7.4 insertBefore（）方法

Posted 2020-11-28 ljt828

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属性