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)簡單留言板的方法
- javascript DOM操作之動(dòng)態(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)文章
Dom的功能確實(shí)很強(qiáng)大，在JavaScript的驅(qū)使下Dom能做的事太多了．2010-10-10
有人在twitter上提到了:在Chrome的JavaScript終端中,你只需要輸入一個(gè)元素的ID,就可以訪問到這個(gè)元素.@johnjbarton給了解釋,這是因?yàn)樗械脑豂D都是全局變量.本文再詳細(xì)解釋一下2012-09-09
關(guān)于firefox的ElementTraversal 接口 使用說明
關(guān)于firefox的ElementTraversal 接口 使用說明，需要的朋友可以參考下。2010-11-11
Dom 結(jié)點(diǎn)創(chuàng)建 基礎(chǔ)知識(shí)
節(jié)點(diǎn)操作基礎(chǔ)知識(shí)回顧，需要dom操作的朋友可以參考下。2011-10-10
在使用Dom操作HTML和XML時(shí)．我們時(shí)常會(huì)遇到空格問題．或許你還沒有遇到過．2011-09-09
這篇文章主要為大家介紹了前端單元測試之UI測試及功能性代碼測試教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這些都是很基礎(chǔ)的，很簡單，記下來都是因?yàn)榕伦约阂粫r(shí)想不起來了，到時(shí)可以看看，順便鞏固下自己的基礎(chǔ)知識(shí)。2010-11-11
javascript針對DOM的應(yīng)用實(shí)例（一）
所謂針對DOM的應(yīng)用。也就我這里只教大家用javascript操作頁面中dom元素做交互2012-04-04
從這張開始就和大家說一些實(shí)用的效果的寫法。當(dāng)然首當(dāng)其沖的就是我們可愛的TAB選項(xiàng)卡，用JQ寫選項(xiàng)卡當(dāng)然是很方便的而且方法也很多。其實(shí)用原生的JS寫選項(xiàng)卡方法也很多2012-04-04
有關(guān)DOM元素與事件的3個(gè)謎題，學(xué)習(xí)與使用dom操作的朋友可以參考下。2010-11-11