// -> append: 向指定容器的末尾增加元素
function append(newEle, container) {
container.appendChild(newEle);
}
// -> prepend: 向指定元素开头追加元素 -> 把新的元素添加到容器中第一个子元素节点的前面
// 如果一个元素子节点都没有,就放在末尾即可
function prepend(newEle, container) {
var fir = this.firstChild(container);
if (fir) {
container.insertBefore(newEle, fir);
return;
}
container.appendChild(newEle);
}
// -> insertBefore: 向容器中指定元素(oldEle)的前面追加
function insertBefore(newEle, oldEle) {
oldEle.parentNode.insertBefore(newEle, oldEle);
}
// insertAfter: 向容器中指定元素的末尾追加
// -> 相当于追加到oldElm弟弟元素的前面
// 如果弟弟不存在,也就是当前元素已经是最后一个了,则把新的元素放在最末尾即可
function insertAfter(newEle, oldEle) {
var nex = this.next(oldEle);
if (nex) {
oldEle.parentNode.insertBefore(newEle, nex);
return;
}
oldEle.parentNode.appendChild(newEle);
}
网友评论