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

作者:半夏

时间:2026-10-25

浏览:249

本文分享两个用于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);
} 
} 

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章