收录了一个JavaScript函数
最近在看《JavaScript DOM 编程艺术》,里面有个函数挺实用,大家都知道DOM提供了一个insertBefore()方法,如:
parentElement.insertBefore(newElement,targetElement);
就是在parentElement元素节点中,在targetElement元素节点前插入newElement元素节点。但很奇怪,DOM没有提供类似insertAfter()的函数来实现在targetElement后插入newElement。上面提到的这本书中提供了这个函数:
parentElement.insertBefore(newElement,targetElement);
就是在parentElement元素节点中,在targetElement元素节点前插入newElement元素节点。但很奇怪,DOM没有提供类似insertAfter()的函数来实现在targetElement后插入newElement。上面提到的这本书中提供了这个函数:
function insertAfter(newElement,targetElement) {
var parent = targetElement.parentNode;
if (parent.lastChild == targetElement) {
parent.appendChild(newElement);
} else {
parent.insertBefore(newElement,targetElement.nextSibling);
}
}
var parent = targetElement.parentNode;
if (parent.lastChild == targetElement) {
parent.appendChild(newElement);
} else {
parent.insertBefore(newElement,targetElement.nextSibling);
}
}