// -> append: 向指定容器的末尾增加元素
function append(newEle, container) {
container.appendChild(newEle);
}
// -> prepend: 向指定元素開頭追加元素 -> 把新的元素添加到容器中第一個子元素節(jié)點的前面
// 如果一個元素子節(jié)點都沒有,就放在末尾即可
function prepend(newEle, container) {
var fir = this.firstChild(container);
if (fir) {
container.insertBefore(newEle, fir);
return;
}
container.appendChild(newEle);
}
// -> insertBefore: 向容器中指定元素(oldEle)的前面追加
function insertBefore(newEle, oldEle) {
oldEle.parentNode.insertBefore(newEle, oldEle);
}
// insertAfter: 向容器中指定元素的末尾追加
// -> 相當(dāng)于追加到oldElm弟弟元素的前面
// 如果弟弟不存在蜀备,也就是當(dāng)前元素已經(jīng)是最后一個了齐蔽,則把新的元素放在最末尾即可
function insertAfter(newEle, oldEle) {
var nex = this.next(oldEle);
if (nex) {
oldEle.parentNode.insertBefore(newEle, nex);
return;
}
oldEle.parentNode.appendChild(newEle);
}
封裝: 向容器中追加元素的方法
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來门躯,“玉大人淆党,你說我怎么就攤上這事。” “怎么了宁否?”我有些...
- 文/不壞的土叔 我叫張陵窒升,是天一觀的道長缀遍。 經(jīng)常有香客問我慕匠,道長,這世上最難降的妖魔是什么域醇? 我笑而不...
- 正文 為了忘掉前任台谊,我火速辦了婚禮,結(jié)果婚禮上譬挚,老公的妹妹穿的比我還像新娘锅铅。我一直安慰自己,他們只是感情好减宣,可當(dāng)我...
- 文/花漫 我一把揭開白布盐须。 她就那樣靜靜地躺著,像睡著了一般漆腌。 火紅的嫁衣襯著肌膚如雪贼邓。 梳的紋絲不亂的頭發(fā)上,一...
- 文/蒼蘭香墨 我猛地睜開眼誉简,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了盟广?” 一聲冷哼從身側(cè)響起描融,我...
- 正文 年R本政府宣布,位于F島的核電站爆存,受9級特大地震影響蛉顽,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜先较,卻給世界環(huán)境...
- 文/蒙蒙 一携冤、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧闲勺,春花似錦曾棕、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至癌幕,卻和暖如春衙耕,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背序芦。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 向指定容器的末尾追加元素:append 直接用appendChild也可以,寫這個是為了與prepend對應(yīng) 向指...
- 生活,原本是枯燥無味的南誊。只是身诺,以為人,有了感情抄囚,有了味道霉赡。 想法,原本是時時刻刻都有的幔托。只有付諸了行動穴亏,才會變成活...
- 培養(yǎng)新習(xí)慣的四個步驟: 第一個步驟,明確的提示你大腦該做什么事情了刺覆; 第二個步驟严肪,接收到信號后立馬去做; 第三個步...