前篇笔记中写到在现有元素前插入一个元素的方法(insertBefore),
那DOM会不会提供一个在目标元素后插入一个元素的方法呢。
很遗憾,DOM并没有提供这一个方法;
那就让我们来写一个这个方法吧
function insertAfter(newElement,targetElement){
var parent = targetElement.parentNode;
if(parent.lastChild == targetElement){
parent.appendChild(newElement);
}
else{
parent.insertBefore(newElement,targetElement.nextSibling);
}
}
其中,解释一下nextSibling这个属性,
targetElement.nextSibling
这个属性获得的是目标元素的下一个兄弟元素
所以,我们也可以利用现有的方法,写一个新的方法出来。!!!