javascript拓展DOM操作 prependChild insertAfert
更新時間:2010年11月17日 20:21:17 作者:
Javascript dom操作中有appendChild 和insertBefore 卻沒有prependChild 和insertAfter
以下是自己寫的一個拓展函數(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)簡單留言板的方法
- javascript DOM操作之動態(tài)刪除TABLE多行
- javascript中HTMLDOM操作詳解
- 簡單實(shí)現(xiàn)JS對dom操作封裝
- JavaScript DOM操作表格及樣式
- JavaScript基礎(chǔ)語法、dom操作樹及document對象
- 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ǔ)知識
節(jié)點(diǎn)操作基礎(chǔ)知識回顧,需要dom操作的朋友可以參考下。2011-10-10關(guān)于firefox的ElementTraversal 接口 使用說明
關(guān)于firefox的ElementTraversal 接口 使用說明,需要的朋友可以參考下。2010-11-11KVM虛擬化技術(shù)之使用Qemu-kvm創(chuàng)建和管理虛擬機(jī)的方法
這篇文章主要介紹了KVM虛擬化技術(shù)之使用Qemu-kvm創(chuàng)建和管理虛擬機(jī)的方法,需要的朋友可以參考下2016-10-10javascript針對DOM的應(yīng)用實(shí)例(一)
所謂針對DOM的應(yīng)用。也就我這里只教大家用javascript操作頁面中dom元素做交互2012-04-04