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)容感興趣的讀者可查看本站專(zhuān)題：《JavaScript常用函數(shù)技巧匯總》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫(huà)特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- Javascript insertAfter() 實(shí)現(xiàn)函數(shù)代碼
- JavaScript之a(chǎn)ppendChild、insertBefore和insertAfter使用說(shuō)明
- Json實(shí)現(xiàn)傳值到后臺(tái)代碼實(shí)例
- js實(shí)現(xiàn)簡(jiǎn)單音樂(lè)播放器
- JS判斷數(shù)組四種實(shí)現(xiàn)方法詳解
- js實(shí)現(xiàn)從右往左勻速顯示圖片（無(wú)縫輪播）
- 基于JSON實(shí)現(xiàn)傳輸byte數(shù)組過(guò)程解析
- JavaScript缺少insertAfter解決方案
相關(guān)文章
Javascript highcharts 餅圖顯示數(shù)量和百分比實(shí)例代碼
這篇文章主要介紹了Javascript highcharts 餅圖顯示數(shù)量和百分比實(shí)例代碼的相關(guān)資料,這里附有實(shí)例代碼，需要的朋友可以參考下2016-12-12
Eclipse編輯jsp、js文件時(shí)卡死現(xiàn)象的解決辦法匯總
使用Eclipse編輯jsp、js文件時(shí)，經(jīng)常出現(xiàn)卡死現(xiàn)象，在網(wǎng)上百度了N次，經(jīng)過(guò)N次優(yōu)化調(diào)整后，卡死現(xiàn)象逐步好轉(zhuǎn),下面通過(guò)腳本之家平臺(tái)給大家分享幾種解決辦法，需要的朋友參考下2016-02-02
這篇文章主要為大家詳細(xì)介紹了微信分享調(diào)用jssdk實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要介紹了一文看懂JSONP原理和應(yīng)用，對(duì)JSONP感興趣的同學(xué)，可以參考下2021-04-04
javaScript 實(shí)現(xiàn)重復(fù)輸出給定的字符串的常用方法小結(jié)
這篇文章主要介紹了javaScript 實(shí)現(xiàn)重復(fù)輸出給定的字符串的常用方法,總結(jié)分析了JavaScript重復(fù)輸出給定字符串的4種常見(jiàn)操作技巧,需要的朋友可以參考下2020-02-02
js學(xué)習(xí)總結(jié)之DOM2兼容處理this問(wèn)題的解決方法
這篇文章主要為大家詳細(xì)介紹了js學(xué)習(xí)總結(jié)之DOM2兼容處理this問(wèn)題的解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
javascript十六進(jìn)制數(shù)字和ASCII字符之間的轉(zhuǎn)換方法
下面小編就為大家?guī)?lái)一篇javascript十六進(jìn)制數(shù)字和ASCII字符之間的轉(zhuǎn)換方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12
回調(diào)函數(shù)是從一個(gè)叫函數(shù)式編程的編程范式中衍生出來(lái)的概念,簡(jiǎn)單來(lái)說(shuō),函數(shù)式編程就是使用函數(shù)作為變量,這篇文章主要介紹了一文徹底理解JS回調(diào)函數(shù),需要的朋友可以參考下2022-12-12
javascript面向?qū)ο笕筇卣髦鄳B(tài)實(shí)例詳解
這篇文章主要介紹了javascript面向?qū)ο笕筇卣髦鄳B(tài),結(jié)合實(shí)例形式詳細(xì)分析了javascript面向?qū)ο蟪绦蛟O(shè)計(jì)中多態(tài)的概念、原理,并結(jié)合實(shí)例形式總結(jié)了多態(tài)的實(shí)現(xiàn)方法與使用技巧,需要的朋友可以參考下2019-07-07
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)彈跳小球，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09