Javascript insertAfter() 實(shí)現(xiàn)函數(shù)代碼
更新時(shí)間：2011年10月12日 21:53:22 作者：
DOM沒(méi)有提供insertAfter()方法，我們可以自己擴(kuò)展下。
復(fù)制代碼 代碼如下:
//DOM沒(méi)有提供insertAfter()方法
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)元素的后面
}
}
jQuery 文檔操作 - insertAfter() 方法
您可能感興趣的文章:
相關(guān)文章
JavaScript整除運(yùn)算函數(shù)ceil和floor的區(qū)別分析
這篇文章主要介紹了JavaScript整除運(yùn)算函數(shù)ceil和floor的區(qū)別分析,實(shí)例分析了ceil和floor函數(shù)的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
js實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的五種方法推薦
下面小編就為大家?guī)?lái)一篇js實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的五種方法推薦。小編覺(jué)得挺不錯(cuò)的?，F(xiàn)在分享給大家。給大家參考一下。2016-03-03
Bootstrap的aria-label和aria-labelledby屬性實(shí)例詳解
這篇文章主要介紹了Bootstrap的aria-label和aria-labelledby屬性實(shí)例詳解,需要的朋友可以參考下2018-11-11
BootstrapTable加載按鈕功能實(shí)例代碼詳解
這篇文章主要介紹了BootstrapTable加載按鈕功能實(shí)例代碼詳解,需要的朋友可以參考下2017-09-09
JavaScript中的this總是讓人迷惑，應(yīng)該是js眾所周知的坑之一。 個(gè)人也覺(jué)得js中的this不是一個(gè)好的設(shè)計(jì)，由于this晚綁定的特性，它可以是全局對(duì)象，當(dāng)前對(duì)象，或者…有人甚至因?yàn)榭哟蠖挥胻his2015-12-12
這篇文章主要針對(duì)javascript模塊化為大家進(jìn)行簡(jiǎn)單解析，如何寫(xiě)一個(gè)模塊，在頁(yè)面中加載模塊的方法，感興趣的小伙伴們可以參考一下2016-04-04
在?JavaScript?中,當(dāng)代碼中出現(xiàn)多個(gè)相同的變量名時(shí),JavaScript?引擎將根據(jù)?作用域鏈和?變量提升的規(guī)則來(lái)決定使用哪個(gè)變量,以下是詳細(xì)的解析,需要的朋友可以參考下2025-02-02
ES6解構(gòu)賦值(數(shù)組,對(duì)象,函數(shù))使用詳解
這篇文章主要介紹了ES6解構(gòu)賦值(數(shù)組,對(duì)象,函數(shù))使用詳解,JavaScript 中最常用的兩種數(shù)據(jù)結(jié)構(gòu)是 Object 和 Array，解構(gòu)操作對(duì)那些具有很多參數(shù)和默認(rèn)值等的函數(shù)也很奏效，本文通過(guò)實(shí)例代碼詳細(xì)講解需要的朋友可以參考下2022-11-11
微信小程序上傳帖子的實(shí)例代碼(含有文字圖片的微信驗(yàn)證)
這篇文章主要介紹了小程序上傳帖子(含有文字圖片的微信驗(yàn)證)的實(shí)例代碼，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-07-07
js實(shí)現(xiàn)文本框?qū)挾茸赃m應(yīng)文本寬度的方法
這篇文章主要介紹了js實(shí)現(xiàn)文本框?qū)挾茸赃m應(yīng)文本寬度的方法,可實(shí)現(xiàn)根據(jù)文本框內(nèi)容動(dòng)態(tài)改變寬度的功能,涉及javascript動(dòng)態(tài)操作頁(yè)面元素屬性的技巧,需要的朋友可以參考下2015-08-08