javascript拓展DOM操作 prependChild insertAfert
更新時(shí)間:2010年11月17日 20:21:17 作者:
Javascript dom操作中有appendChild 和insertBefore 卻沒有prependChild 和insertAfter
以下是自己寫的一個(gè)拓展函數(shù),雖然網(wǎng)上已經(jīng)有了,僅當(dāng)做自己練兵。。。
function prependChild(o,s){
if(s.hasChildNodes()){
s.insertBefore(o,s.firstChild);
}else{
s.appendChild(o);
}
}
function insertAfert(o,s){
if(s.nextSibling!=null){
s.parentNode.insertBefore(o,s.nextSibling);
}else{
s.parentNode.appendChild(o);
}
}
復(fù)制代碼 代碼如下:
function prependChild(o,s){
if(s.hasChildNodes()){
s.insertBefore(o,s.firstChild);
}else{
s.appendChild(o);
}
}
function insertAfert(o,s){
if(s.nextSibling!=null){
s.parentNode.insertBefore(o,s.nextSibling);
}else{
s.parentNode.appendChild(o);
}
}
您可能感興趣的文章:
- js使用DOM操作實(shí)現(xiàn)簡(jiǎn)單留言板的方法
- javascript DOM操作之動(dòng)態(tài)刪除TABLE多行
- javascript中HTMLDOM操作詳解
- 簡(jiǎn)單實(shí)現(xiàn)JS對(duì)dom操作封裝
- JavaScript DOM操作表格及樣式
- JavaScript基礎(chǔ)語(yǔ)法、dom操作樹及document對(duì)象
- JavaScript基于Dom操作實(shí)現(xiàn)查找、修改HTML元素的內(nèi)容及屬性的方法
- Javascript里使用Dom操作Xml
- JavaScript中 DOM操作方法小結(jié)
- JavaScript學(xué)習(xí)筆記之DOM操作實(shí)例分析
相關(guān)文章
javascript拓展DOM操作 prependChild insertAfert
Javascript dom操作中有appendChild 和insertBefore 卻沒有prependChild 和insertAfter2010-11-11Dom 結(jié)點(diǎn)創(chuàng)建 基礎(chǔ)知識(shí)
節(jié)點(diǎn)操作基礎(chǔ)知識(shí)回顧,需要dom操作的朋友可以參考下。2011-10-10關(guān)于firefox的ElementTraversal 接口 使用說明
關(guān)于firefox的ElementTraversal 接口 使用說明,需要的朋友可以參考下。2010-11-11前端單元測(cè)試之UI測(cè)試功能性代碼測(cè)試教程
這篇文章主要為大家介紹了前端單元測(cè)試之UI測(cè)試及功能性代碼測(cè)試教程示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08javascript針對(duì)DOM的應(yīng)用分析(四)
從這張開始就和大家說一些實(shí)用的效果的寫法。當(dāng)然首當(dāng)其沖的就是我們可愛的TAB選項(xiàng)卡,用JQ寫選項(xiàng)卡當(dāng)然是很方便的而且方法也很多。其實(shí)用原生的JS寫選項(xiàng)卡方法也很多2012-04-04KVM虛擬化技術(shù)之使用Qemu-kvm創(chuàng)建和管理虛擬機(jī)的方法
這篇文章主要介紹了KVM虛擬化技術(shù)之使用Qemu-kvm創(chuàng)建和管理虛擬機(jī)的方法,需要的朋友可以參考下2016-10-10javascript針對(duì)DOM的應(yīng)用實(shí)例(一)
所謂針對(duì)DOM的應(yīng)用。也就我這里只教大家用javascript操作頁(yè)面中dom元素做交互2012-04-04