JavaScript DOM操作拓展:prependChild与insertAfter函数实现

作者:半夏时间:2026-10-25 13:37:34浏览:250

本文分享两个用于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);
} 
} 
作者最新文章