JavaScript之appendChild、insertBefore和insertAfter:
http://www.cnblogs.com/samlin/archive/2009/03/28/JavaScript-appendChild-insertBefore-insertAfter.html
使用prototype来扩展HTML节点元素的insertAfter()(注:ie下不适用,会报
HTMLElement(或Node)未定义):
http://snippets.dzone.com/posts/show/5179
// 一 扩展HTMLElement的prototype
HTMLElement.prototype.insertAfter = function(newNode, refNode) {
if(refNode.nextSibling) {
return this.insertBefore(newNode, refNode.nextSibling);
} else {
return this.appendChild(newNode);
}
}
// 二 扩展Node的prototype
Node.prototype.insertAfter = function(newNode, refNode) {
if(refNode.nextSibling) {
return this.insertBefore(newNode, refNode.nextSibling);
} else {
return this.appendChild(newNode);
}
}
分享到:
相关推荐
几天需要用到对HTML节点元素的删/插操作,由于用到insertBefore方法的时候遇到了一些麻烦,现在作为知识的整理,分别对appendChild、insertBefore和insertAfter做个总结
js中AppendChild与insertBefore的用法详细解析.docx
本篇文章主要是对js中AppendChild与insertBefore的用法进行了详细的对比。需要的朋友可以过来参考下,希望对大家有所帮助
语法 :insertBefore(newchild,refchild) 相同之处:插入子节点 不同之处:实现原理方法不同。 appendChild方法是在父级节点中的子节点的末尾添加新的节点(相对于父级节点 来说)。 insertBefore 方法 是在已有的...
主要是对js中AppendChild与insertBefore的用法进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助
obj = document.createElement(tag)创建一个标签,oParent.appendChild(obj)和oParent.insertBefore(obj,element)都是由要插入的标签的父节点调用,appendChild将创建的元素依次加在后面,而insertBefore则可以将...
js原生appendChild的bug解决心得分享.docx
document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用。其中,appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意...
主要给大家介绍了关于JS中appendChild追加子节点无效的解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习
主要介绍了javascript使用appendChild追加节点的方法,实例分析了appendChild()函数增加结点的使用技巧,需要的朋友可以参考下
Javascript dom操作中有appendChild 和insertBefore 却没有prependChild 和insertAfter
走马灯效果代码js appendChild实现的无缝滚动
本文实例讲述了javascript insertAfter()定义与用法。分享给大家供大家参考,具体如下: HTML部分: <div id=b>bbbbbbbbb <div>dddddd JavaScript部分: [removed]=function(){ var a =document.createElement...