由 element.appendChild(newNode) ,談開去
更新時間：2006年11月30日 00:00:00 作者：
element.appendChild(newNode) 方法中,如果 newNode本身是Dom中的一個節(jié)點. 那么appendChild方法執(zhí)行的不再
是append操作了,而是一個move操作. 比如說:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
因為btn1本身是dom 中的一個節(jié)點,所以 appendChild操作會將 btn1 移動到 btn4的后面,而不是復(fù)制.
利用這個特點,我們可以用極少量的代碼實現(xiàn)另類的文字無縫滾動.
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
呵呵,是不是很簡潔呢, 這個方法我在今年五月份的時候發(fā)到了CSDN上,當時引起了許許多多的JavaScript愛好
者的大討論, 那帖子被CSDN首頁置頂,三百人參與回復(fù)討論.
除了這個應(yīng)用, appendChild的這個特性還可以在表格排序上大展身手.
注意,下面表格排序代碼只是為了說明 appendChild的用法,沒有在 ff中測試.
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
怎么樣,有了appendChild 的大力相助,這個排序夠簡單吧.
關(guān)于表格的更多操作方法,和高級的自定義表格排序,請參見我在CSDN的另一個帖子(也是用appendChild實現(xiàn)的排序,且兼容firefox)
是append操作了,而是一個move操作. 比如說:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
因為btn1本身是dom 中的一個節(jié)點,所以 appendChild操作會將 btn1 移動到 btn4的后面,而不是復(fù)制.
利用這個特點,我們可以用極少量的代碼實現(xiàn)另類的文字無縫滾動.
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
呵呵,是不是很簡潔呢, 這個方法我在今年五月份的時候發(fā)到了CSDN上,當時引起了許許多多的JavaScript愛好
者的大討論, 那帖子被CSDN首頁置頂,三百人參與回復(fù)討論.
除了這個應(yīng)用, appendChild的這個特性還可以在表格排序上大展身手.
注意,下面表格排序代碼只是為了說明 appendChild的用法,沒有在 ff中測試.
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
怎么樣,有了appendChild 的大力相助,這個排序夠簡單吧.
關(guān)于表格的更多操作方法,和高級的自定義表格排序,請參見我在CSDN的另一個帖子(也是用appendChild實現(xiàn)的排序,且兼容firefox)
您可能感興趣的文章:
- 初學(xué)js插入節(jié)點appendChild insertBefore使用方法
- JavaScript之a(chǎn)ppendChild、insertBefore和insertAfter使用說明
- 走馬燈效果代碼js appendChild實現(xiàn)的無縫滾動
- javascript appendChild,innerHTML,join性能比較代碼
- getElementByID、createElement、appendChild幾個DHTML元素
- javascript實現(xiàn)的動態(tài)添加表單元素input,button等(appendChild)
- 一個頁面元素appendchild追加到另一個頁面元素的問題
相關(guān)文章
這篇文章主要介紹了weui上傳多圖片,壓縮,base64編碼,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-06-06
簡單對比分析JavaScript中的apply,call與this的使用
簡單的說call，apply都屬于Function.prototype的一個方法，它是JavaScript引擎內(nèi)在實現(xiàn)的，因為屬于Function.prototype，所以每個Function對象實例(就是每個方法)都有call，apply屬性。既然作為方法的屬性，那它們的使用就當然是針對方法的了，這兩個方法是容易混淆的2015-12-12
JS根據(jù)生日月份和日期計算星座的簡單實現(xiàn)方法
這篇文章主要介紹了JS根據(jù)生日月份和日期計算星座的簡單實現(xiàn)方法,涉及javascript日期時間與字符串操作相關(guān)技巧,需要的朋友可以參考下2016-11-11
IE 下Enter提交表單存在重復(fù)提交問題的解決方法
這篇文章主要介紹了IE 下Enter提交表單存在重復(fù)提交問題的解決方法,需要的朋友可以參考下2014-05-05
不錯的用外部Javascript修正特定網(wǎng)頁內(nèi)容
不錯的用外部Javascript修正特定網(wǎng)頁內(nèi)容...2007-08-08
這篇文章主要介紹了微信小程序之GET請求的實例詳解的相關(guān)資料,希望通過本文能幫助到大家，讓大家理解掌握該如何使用get請求,需要的朋友可以參考下2017-09-09
下面小編就為大家?guī)硪黄猨s添加千分位的實現(xiàn)代碼(超簡單)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
JavaScript獲取css行間樣式,內(nèi)連樣式和外鏈樣式的簡單方法
下面小編就為大家?guī)硪黄狫avaScript獲取css行間樣式,內(nèi)連樣式和外鏈樣式的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
uniapp實現(xiàn)app檢查更新與升級詳解(uni-upgrade-center)
UniApp是一個跨平臺的開發(fā)框架,可以同時開發(fā)iOS和Android應(yīng)用,下面這篇文章主要給大家介紹了關(guān)于uniapp實現(xiàn)app檢查更新與升級(uni-upgrade-center)的相關(guān)資料,需要的朋友可以參考下2023-11-11
本文為大家介紹下使用js判斷字符長度及中英文數(shù)字等，下面有個不錯的教程，感興趣的朋友可以參考下2013-12-12