使用insertAfter()方法在现有元素后添加一个新元素

 更新时间:2014年05月28日 17:47:40   作者:  
为javascript添加insertAfter()方法即在现有元素后添加一个新元素,示例如下,大家不妨学习下
复制代码 代码如下:

//在现有元素后添加一个新元素
function insertAfter(newElement, targetElement){
var parent = targetElement.parentNode;
if (parent.lastChild == targetElement){
parent.appendChild(newElement);
} else {
parent.insertBefore(newElement,targetElement.nextSibling);
}
}

相关文章

  • 基于javascript实现tab选项卡切换特效调试笔记

    基于javascript实现tab选项卡切换特效调试笔记

    这篇文章主要介绍了基于javascript实现tab选项卡切换特效调试笔记,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • JS+HTML+CSS实现轮播效果

    JS+HTML+CSS实现轮播效果

    这篇文章主要为大家详细介绍了JS+HTML+CSS实现轮播效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • JS动态改变表格边框宽度的方法

    JS动态改变表格边框宽度的方法

    这篇文章主要介绍了JS动态改变表格边框宽度的方法,实例分析了javascript操作table表格中border属性的技巧,需要的朋友可以参考下
    2015-03-03
  • JavaScript数据结构中栈的应用之表达式求值问题详解

    JavaScript数据结构中栈的应用之表达式求值问题详解

    这篇文章主要介绍了JavaScript数据结构中栈的应用之表达式求值问题,详细分析了中缀表达式、后缀表达式等概念、原理与转换方法,以及基于后缀表达式实现的表达式求值相关操作技巧,需要的朋友可以参考下
    2017-04-04
  • window.location.href中url中数据量太大时的解决方法

    window.location.href中url中数据量太大时的解决方法

    这篇文章主要为大家介绍下window.location.href中url中数据量太大时的解决方法,需要的朋友可以参考下
    2013-12-12
  • 微信小程序实现验证码倒计时效果

    微信小程序实现验证码倒计时效果

    这篇文章主要介绍了微信小程序实现验证码倒计时效果,手机登录、填手机号获取验证码,倒计时后重新获取效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-05-05
  • JavaScript实现动态增删表格的方法

    JavaScript实现动态增删表格的方法

    本篇文章主要介绍了JavaScript实现动态增删表格,可以实现表格增加和删除数据的功能,非常具有实用价值,有兴趣的可以了解一下
    2017-03-03
  • 详解js的事件处理函数和动态创建html标记方法

    详解js的事件处理函数和动态创建html标记方法

    本文主要对javascript的事件处理函数,动态创建html标记的两种方法进行详细介绍,具有很好的参考价值,需要的朋友一起来看下吧
    2016-12-12
  • js倒计时显示实例

    js倒计时显示实例

    本文分享了js倒计时显示的实例,需要的朋友可以参考借鉴,下面就跟小编一起来看看吧
    2016-12-12
  • 解析OpenLayers 3加载矢量地图源的问题

    解析OpenLayers 3加载矢量地图源的问题

    矢量图形最大的优点是无论放大、缩小或旋转等不会失真。在地图中存在着大量的应用,是地图数据中非常重要的组成部分,这篇文章主要介绍了OpenLayers 3加载矢量地图源的相关资料,需要的朋友可以参考下
    2021-12-12

最新评论