javascript insertAfter()定義與用法示例
更新時間：2016年07月25日 08:56:56 作者：leejersey
這篇文章主要介紹了javascript insertAfter()定義與用法,實例分析了javascript節(jié)點后插入元素的實現(xiàn)與使用方法,需要的朋友可以參考下
本文實例講述了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é)點是目標(biāo)元素，則直接添加。因為默認(rèn)是最后
parent.appendChild(newElement);
} else {
parent.insertBefore(newElement,targetElement.nextSibling);//如果不是，則插入在目標(biāo)元素的下一個兄弟節(jié)點的前面。也就是目標(biāo)元素的后面。
}
}
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript常用函數(shù)技巧匯總》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
Javascript highcharts 餅圖顯示數(shù)量和百分比實例代碼
這篇文章主要介紹了Javascript highcharts 餅圖顯示數(shù)量和百分比實例代碼的相關(guān)資料,這里附有實例代碼，需要的朋友可以參考下2016-12-12
Eclipse編輯jsp、js文件時卡死現(xiàn)象的解決辦法匯總
使用Eclipse編輯jsp、js文件時，經(jīng)常出現(xiàn)卡死現(xiàn)象，在網(wǎng)上百度了N次，經(jīng)過N次優(yōu)化調(diào)整后，卡死現(xiàn)象逐步好轉(zhuǎn),下面通過腳本之家平臺給大家分享幾種解決辦法，需要的朋友參考下2016-02-02
這篇文章主要為大家詳細(xì)介紹了微信分享調(diào)用jssdk實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要介紹了一文看懂JSONP原理和應(yīng)用，對JSONP感興趣的同學(xué)，可以參考下2021-04-04
javaScript 實現(xiàn)重復(fù)輸出給定的字符串的常用方法小結(jié)
這篇文章主要介紹了javaScript 實現(xiàn)重復(fù)輸出給定的字符串的常用方法,總結(jié)分析了JavaScript重復(fù)輸出給定字符串的4種常見操作技巧,需要的朋友可以參考下2020-02-02
js學(xué)習(xí)總結(jié)之DOM2兼容處理this問題的解決方法
這篇文章主要為大家詳細(xì)介紹了js學(xué)習(xí)總結(jié)之DOM2兼容處理this問題的解決方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
javascript十六進(jìn)制數(shù)字和ASCII字符之間的轉(zhuǎn)換方法
下面小編就為大家?guī)硪黄猨avascript十六進(jìn)制數(shù)字和ASCII字符之間的轉(zhuǎn)換方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
回調(diào)函數(shù)是從一個叫函數(shù)式編程的編程范式中衍生出來的概念,簡單來說,函數(shù)式編程就是使用函數(shù)作為變量,這篇文章主要介紹了一文徹底理解JS回調(diào)函數(shù),需要的朋友可以參考下2022-12-12
javascript面向?qū)ο笕筇卣髦鄳B(tài)實例詳解
這篇文章主要介紹了javascript面向?qū)ο笕筇卣髦鄳B(tài),結(jié)合實例形式詳細(xì)分析了javascript面向?qū)ο蟪绦蛟O(shè)計中多態(tài)的概念、原理,并結(jié)合實例形式總結(jié)了多態(tài)的實現(xiàn)方法與使用技巧,需要的朋友可以參考下2019-07-07
這篇文章主要為大家詳細(xì)介紹了原生js實現(xiàn)彈跳小球，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09