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