javascript拓展DOM操作 prependChild insertAfert
更新時間：2010年11月17日 20:21:17 作者：
Javascript dom操作中有appendChild 和insertBefore 卻沒有prependChild 和insertAfter
以下是自己寫的一個拓展函數(shù)，雖然網(wǎng)上已經(jī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);
}
}
復制代碼 代碼如下:
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);
}
}
相關文章
Dom的功能確實很強大，在JavaScript的驅(qū)使下Dom能做的事太多了．2010-10-10
有人在twitter上提到了:在Chrome的JavaScript終端中,你只需要輸入一個元素的ID,就可以訪問到這個元素.@johnjbarton給了解釋,這是因為所有的元素ID都是全局變量.本文再詳細解釋一下2012-09-09
關于firefox的ElementTraversal 接口 使用說明
關于firefox的ElementTraversal 接口 使用說明，需要的朋友可以參考下。2010-11-11
節(jié)點操作基礎知識回顧，需要dom操作的朋友可以參考下。2011-10-10
在使用Dom操作HTML和XML時．我們時常會遇到空格問題．或許你還沒有遇到過．2011-09-09
這篇文章主要為大家介紹了前端單元測試之UI測試及功能性代碼測試教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
這些都是很基礎的，很簡單，記下來都是因為怕自己一時想不起來了，到時可以看看，順便鞏固下自己的基礎知識。2010-11-11
所謂針對DOM的應用。也就我這里只教大家用javascript操作頁面中dom元素做交互2012-04-04
從這張開始就和大家說一些實用的效果的寫法。當然首當其沖的就是我們可愛的TAB選項卡，用JQ寫選項卡當然是很方便的而且方法也很多。其實用原生的JS寫選項卡方法也很多2012-04-04
有關DOM元素與事件的3個謎題，學習與使用dom操作的朋友可以參考下。2010-11-11