javascript insertAfter()定義與用法示例
更新時(shí)間：2016年07月25日 08:56:56 作者：leejersey
這篇文章主要介紹了javascript insertAfter()定義與用法,實(shí)例分析了javascript節(jié)點(diǎn)后插入元素的實(shí)現(xiàn)與使用方法,需要的朋友可以參考下
本文實(shí)例講述了javascript insertAfter()定義與用法。分享給大家供大家參考，具體如下：
HTML部分：
<div id="b">bbbbbbbbb</div> <div>dddddd</div>
JavaScript部分:
window.onload=function(){
var a =document.createElement("span");
var b =document.createTextNode("cssrain");
a.appendChild(b);
var mubiao = document.getElementById("b");
insertAfter(a,mubiao);
}
function insertAfter(newElement,targetElement) {
var parent = targetElement.parentNode;
if (parent.lastChild == targetElement) {// 如果最后的節(jié)點(diǎn)是目標(biāo)元素，則直接添加。因?yàn)槟J(rèn)是最后
parent.appendChild(newElement);
} else {
parent.insertBefore(newElement,targetElement.nextSibling);//如果不是，則插入在目標(biāo)元素的下一個(gè)兄弟節(jié)點(diǎn)的前面。也就是目標(biāo)元素的后面。
}
}
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript常用函數(shù)技巧匯總》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
javascript中不易分清的slice,splice和split三個(gè)函數(shù)
這篇文章主要為大家詳細(xì)介紹了javascript中不易分清的slice,splice和split三個(gè)函數(shù)，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了js帶前后翻頁的圖片切換效果，圖片切換效果特別適合做產(chǎn)品展示，感興趣的小伙伴可以參考下。2015-09-09
這篇文章主要介紹了微信小程序開發(fā)--背景圖顯示,需要的朋友可以參考下2018-08-08
一個(gè)判斷搶購時(shí)間是否到達(dá)的簡單的js函數(shù)
這篇文章主要介紹了一個(gè)簡單的判斷搶購時(shí)間是否到達(dá)的js函數(shù)，原理很簡單，找到時(shí)鐘的id，計(jì)算數(shù)值，到達(dá)搶購時(shí)間時(shí)執(zhí)行任務(wù)，需要的朋友可以參考下2014-06-06
這篇文章主要介紹了JavaScript this綁定過程,結(jié)合實(shí)例形式深入分析了JavaScript中this關(guān)鍵字的功能、原理、綁定方式及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2018-12-12
Bootstrap是Twitter推出的一個(gè)用于前端開發(fā)的開源工具包。本文給大家介紹Bootstrap 組件之按鈕的相關(guān)知識(shí)，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
這篇文章主要為大家詳細(xì)介紹了js+css實(shí)現(xiàn)紅包雨效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-07-07
js對象與打印對象分析比較，需要的朋友可以參考一下2013-04-04
解析JavaScript中instanceof對于不同的構(gòu)造器或許都返回true
這篇文章主要是對JavaScript中instanceof對于不同的構(gòu)造器或許都返回true進(jìn)行了詳細(xì)的解析，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
原生js實(shí)現(xiàn)addClass,removeClass,hasClass方法
這篇文章主要介紹了原生js實(shí)現(xiàn)addClass,removeClass,hasClass方法和使用原生JS實(shí)現(xiàn)jQuery的addClass, removeClass, hasClass函數(shù)功能,需要的朋友可以參考下2016-04-04