一个新脚本的诞生
在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是下一个元素的获取方法。
网友评论