element.appendChild(newNode) 方法中,如果 newNode本身是Dom中的一個節點. 那么appendChild方法執行的不再
是append操作了,而是一個move操作. 比如說:
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
因為btn1本身是dom 中的一個節點,所以 appendChild操作會將 btn1 移動到 btn4的后面,而不是復制.
利用這個特點,我們可以用極少量的代碼實現另類的文字無縫滾動.
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
呵呵,是不是很簡潔呢, 這個方法我在今年五月份的時候發到了CSDN上,當時引起了許許多多的JavaScript愛好
者的大討論, 那帖子被CSDN首頁置頂,三百人參與回復討論.
除了這個應用, appendChild的這個特性還可以在表格排序上大展身手.
注意,下面表格排序代碼只是為了說明 appendChild的用法,沒有在 ff中測試.
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
怎么樣,有了appendChild 的大力相助,這個排序夠簡單吧.
關于表格的更多操作方法,和高級的自定義表格排序,請參見我在CSDN的另一個帖子(也是用appendChild實現的排序,且兼容firefox)
