My second javascript eg:insertAFTER

一个新脚本的诞生

在JS中,有着appchild方法和insertBefore方法

appchild可以在这个父级元素的最后插入你创建的这个新元素,而insertBefore可以在相对于一个父级元素,插入到你的目标函数的前面。

那么,为什么不可以有一个insertAfter函数呢,相对于一个父级元素,插入到你的目标函数的后面。

so:例子来了

//定义一个新函数叫insertAfter,插入两个参数newElement和targEtelement
function insertAfter(newElement,targetelEment){
var parent = targetElement.parentNode;
if (parent.lastchild == targetElement){
   parent.appchild(newElement);
}else{
parent.inseryBefore(newElement,targetElement.nextSibling);
}

}

我们可以看到,首先定义了一个parent变量,代替目标函数的父级元素,
再利用if,else循环,如果目标函数就是父级元素的最后一个子元素的话,那么newElement就是这个父级元素的最后一个元素。

else,如果目标函数不是父级元素的子函数的话,那么newElement就插入到目标函数的下一个兄弟元素之前,也就是插入到目标函数之后。

注意nextSibling是下一个元素的获取方法。

你可能感兴趣的:(My second javascript eg:insertAFTER)