本文分享两个用于JavaScript DOM操作的自定义拓展函数:prependChild和insertAfter。通过判断子节点是否存在及兄弟节点状态,利用insertBefore和appendChild实现节点的前置插入与后置插入逻辑,旨在提供基础编码练习参考。
DOM操作拓展函数实现
这里展示了一个手动编写的拓展函数,尽管网络上已有类似实现,但此举主要作为个人编程技能的练习。
具体代码实现如下:
function prependChild(o,s){
if(s.hasChildNodes()){
s.insertBefore(o,s.firstChild);
}else{
s.appendChild(o);
}
}
function insertAfert(o,s){
if(s.nextSibling!=null){
s.parentNode.insertBefore(o,s.nextSibling);
}else{
s.parentNode.appendChild(o);
}
}