由 element.appendChild(newNode) ,談開去

2019-11-21 02:26:43

字體：大中小

來源：轉載

供稿：網友

element.appendChild(newNode) 方法中,如果 newNode本身是Dom中的一個節點. 那么appendChild方法執行的不再
是append操作了,而是一個move操作. 比如說:

因為btn1本身是dom 中的一個節點,所以 appendChild操作會將 btn1 移動到 btn4的后面,而不是復制.
利用這個特點,我們可以用極少量的代碼實現另類的文字無縫滾動.

呵呵,是不是很簡潔呢, 這個方法我在今年五月份的時候發到了CSDN上,當時引起了許許多多的JavaScript愛好
者的大討論, 那帖子被CSDN首頁置頂,三百人參與回復討論.
除了這個應用, appendChild的這個特性還可以在表格排序上大展身手.
注意,下面表格排序代碼只是為了說明 appendChild的用法,沒有在 ff中測試.

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

怎么樣,有了appendChild 的大力相助,這個排序夠簡單吧.
關于表格的更多操作方法,和高級的自定義表格排序,請參見我在CSDN的另一個帖子(也是用appendChild實現的排序,且兼容firefox)

上一篇：發個自己寫的表格操作類(添加，刪除，排序，上移，下移)

下一篇：拖動層效果，兼容IE和FF!第1/2頁