Javascript insertAfter() 实现函数代码

 更新时间:2011年10月12日 21:53:22   作者:  
DOM没有提供insertAfter()方法,我们可以自己扩展下。
复制代码 代码如下:

//DOM没有提供insertAfter()方法
function insertAfter(newElement, targetElement){
var parent = targetElement.parentNode;
if (parent.lastChild == targetElement) {
// 如果最后的节点是目标元素,则直接添加。因为默认是最后
parent.appendChild(newElement);
}
else {
parent.insertBefore(newElement, targetElement.nextSibling);
//如果不是,则插入在目标元素的下一个兄弟节点 的前面。也就是目标元素的后面
}
}


jQuery 文档操作 - insertAfter() 方法

相关文章

  • JavaScript整除运算函数ceil和floor的区别分析

    JavaScript整除运算函数ceil和floor的区别分析

    这篇文章主要介绍了JavaScript整除运算函数ceil和floor的区别分析,实例分析了ceil和floor函数的使用技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • js实现页面跳转的五种方法推荐

    js实现页面跳转的五种方法推荐

    下面小编就为大家带来一篇js实现页面跳转的五种方法推荐。小编觉得挺不错的。现在分享给大家。给大家参考一下。
    2016-03-03
  • Bootstrap的aria-label和aria-labelledby属性实例详解

    Bootstrap的aria-label和aria-labelledby属性实例详解

    这篇文章主要介绍了Bootstrap的aria-label和aria-labelledby属性实例详解,需要的朋友可以参考下
    2018-11-11
  • BootstrapTable加载按钮功能实例代码详解

    BootstrapTable加载按钮功能实例代码详解

    这篇文章主要介绍了BootstrapTable加载按钮功能实例代码详解,需要的朋友可以参考下
    2017-09-09
  • JavaScript中的this到底是什么(一)

    JavaScript中的this到底是什么(一)

    JavaScript中的this总是让人迷惑,应该是js众所周知的坑之一。 个人也觉得js中的this不是一个好的设计,由于this晚绑定的特性,它可以是全局对象,当前对象,或者…有人甚至因为坑大而不用this
    2015-12-12
  • javascript模块化简单解析

    javascript模块化简单解析

    这篇文章主要针对javascript模块化为大家进行简单解析,如何写一个模块,在页面中加载模块的方法,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • JavaScript中解决变量名冲突的方法详解

    JavaScript中解决变量名冲突的方法详解

    在 JavaScript 中,当代码中出现多个相同的变量名时,JavaScript 引擎将根据 作用域链和 变量提升的规则来决定使用哪个变量,以下是详细的解析,需要的朋友可以参考下
    2025-02-02
  • ES6解构赋值(数组,对象,函数)使用详解

    ES6解构赋值(数组,对象,函数)使用详解

    这篇文章主要介绍了ES6解构赋值(数组,对象,函数)使用详解,JavaScript 中最常用的两种数据结构是 Object 和 Array,解构操作对那些具有很多参数和默认值等的函数也很奏效,本文通过实例代码详细讲解需要的朋友可以参考下
    2022-11-11
  • 微信小程序上传帖子的实例代码(含有文字图片的微信验证)

    微信小程序上传帖子的实例代码(含有文字图片的微信验证)

    这篇文章主要介绍了小程序上传帖子(含有文字图片的微信验证)的实例代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-07-07
  • js实现文本框宽度自适应文本宽度的方法

    js实现文本框宽度自适应文本宽度的方法

    这篇文章主要介绍了js实现文本框宽度自适应文本宽度的方法,可实现根据文本框内容动态改变宽度的功能,涉及javascript动态操作页面元素属性的技巧,需要的朋友可以参考下
    2015-08-08

最新评论