My second javascript eg:insertAFTER

一個(gè)新腳本的誕生

在JS中,有著appchild方法和insertBefore方法

appchild可以在這個(gè)父級(jí)元素的最后插入你創(chuàng)建的這個(gè)新元素,而insertBefore可以在相對(duì)于一個(gè)父級(jí)元素,插入到你的目標(biāo)函數(shù)的前面。

那么,為什么不可以有一個(gè)insertAfter函數(shù)呢,相對(duì)于一個(gè)父級(jí)元素,插入到你的目標(biāo)函數(shù)的后面。

so:例子來了

//定義一個(gè)新函數(shù)叫insertAfter,插入兩個(gè)參數(shù)newElement和targEtelement
function insertAfter(newElement,targetelEment){
var parent = targetElement.parentNode;
if (parent.lastchild == targetElement){
   parent.appchild(newElement);
}else{
parent.inseryBefore(newElement,targetElement.nextSibling);
}

}

我們可以看到,首先定義了一個(gè)parent變量,代替目標(biāo)函數(shù)的父級(jí)元素,
再利用if,else循環(huán),如果目標(biāo)函數(shù)就是父級(jí)元素的最后一個(gè)子元素的話,那么newElement就是這個(gè)父級(jí)元素的最后一個(gè)元素。

else,如果目標(biāo)函數(shù)不是父級(jí)元素的子函數(shù)的話,那么newElement就插入到目標(biāo)函數(shù)的下一個(gè)兄弟元素之前,也就是插入到目標(biāo)函數(shù)之后。

注意nextSibling是下一個(gè)元素的獲取方法。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 筆記來自慕課網(wǎng)的js和《JavaScript DOM編程藝術(shù)》一書以及《JavaScript權(quán)威指南》一書的學(xué)習(xí)。...
    恰皮閱讀 802評(píng)論 3 3
  • 一、JS前言 (1)認(rèn)識(shí)JS 也許你已經(jīng)了解HTML標(biāo)記(也稱為結(jié)構(gòu)),知道了CSS樣式(也稱為表示),會(huì)使用HT...
    凜0_0閱讀 2,900評(píng)論 0 8
  • 第1章 系好安全帶,準(zhǔn)備啟航 1.1讓你認(rèn)識(shí)JS 1.1.1 JavaScript能做什么?增強(qiáng)頁(yè)面動(dòng)態(tài)效果(...
    張中華閱讀 1,520評(píng)論 4 10
  • 轉(zhuǎn)載請(qǐng)聲明出處 博客原文 隨手翻閱以前的學(xué)習(xí)筆記,順便整理一下放在這里,方便自己復(fù)習(xí),也希望你有也有幫助吧 第一課...
    前端進(jìn)階之旅閱讀 12,943評(píng)論 13 94
  • Cocoapods 是ios 開發(fā)中的第三方庫(kù)管理的工具(和maven 相似)。 1.安裝打開Mac終端 輸入指令...
    Themores閱讀 1,184評(píng)論 0 2

友情鏈接更多精彩內(nèi)容