快捷導(dǎo)航

由 element.appendChild(newNode) ,談開(kāi)去

更新時(shí)間：2006年11月30日 00:00:00 作者：

element.appendChild(newNode) 方法中,如果 newNode本身是Dom中的一個(gè)節(jié)點(diǎn). 那么appendChild方法執(zhí)行的不再
是append操作了,而是一個(gè)move操作. 比如說(shuō):

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

因?yàn)閎tn1本身是dom 中的一個(gè)節(jié)點(diǎn),所以 appendChild操作會(huì)將 btn1 移動(dòng)到 btn4的后面,而不是復(fù)制.
利用這個(gè)特點(diǎn),我們可以用極少量的代碼實(shí)現(xiàn)另類(lèi)的文字無(wú)縫滾動(dòng).

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

呵呵,是不是很簡(jiǎn)潔呢, 這個(gè)方法我在今年五月份的時(shí)候發(fā)到了CSDN上,當(dāng)時(shí)引起了許許多多的JavaScript愛(ài)好
者的大討論, 那帖子被CSDN首頁(yè)置頂,三百人參與回復(fù)討論.
除了這個(gè)應(yīng)用, appendChild的這個(gè)特性還可以在表格排序上大展身手.
注意,下面表格排序代碼只是為了說(shuō)明 appendChild的用法,沒(méi)有在 ff中測(cè)試.

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

怎么樣,有了appendChild 的大力相助,這個(gè)排序夠簡(jiǎn)單吧.
關(guān)于表格的更多操作方法,和高級(jí)的自定義表格排序,請(qǐng)參見(jiàn)我在CSDN的另一個(gè)帖子(也是用appendChild實(shí)現(xiàn)的排序,且兼容firefox)

您可能感興趣的文章:

相關(guān)文章

weui上傳多圖片,壓縮,base64編碼的示例代碼
這篇文章主要介紹了weui上傳多圖片,壓縮,base64編碼,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-06-06
簡(jiǎn)單對(duì)比分析JavaScript中的apply,call與this的使用
簡(jiǎn)單的說(shuō)call，apply都屬于Function.prototype的一個(gè)方法，它是JavaScript引擎內(nèi)在實(shí)現(xiàn)的，因?yàn)閷儆贔unction.prototype，所以每個(gè)Function對(duì)象實(shí)例(就是每個(gè)方法)都有call，apply屬性。既然作為方法的屬性，那它們的使用就當(dāng)然是針對(duì)方法的了，這兩個(gè)方法是容易混淆的
2015-12-12
JS根據(jù)生日月份和日期計(jì)算星座的簡(jiǎn)單實(shí)現(xiàn)方法
這篇文章主要介紹了JS根據(jù)生日月份和日期計(jì)算星座的簡(jiǎn)單實(shí)現(xiàn)方法,涉及javascript日期時(shí)間與字符串操作相關(guān)技巧,需要的朋友可以參考下
2016-11-11
IE 下Enter提交表單存在重復(fù)提交問(wèn)題的解決方法
這篇文章主要介紹了IE 下Enter提交表單存在重復(fù)提交問(wèn)題的解決方法,需要的朋友可以參考下
2014-05-05
不錯(cuò)的用外部Javascript修正特定網(wǎng)頁(yè)內(nèi)容
不錯(cuò)的用外部Javascript修正特定網(wǎng)頁(yè)內(nèi)容...
2007-08-08
微信小程序之GET請(qǐng)求的實(shí)例詳解
這篇文章主要介紹了微信小程序之GET請(qǐng)求的實(shí)例詳解的相關(guān)資料,希望通過(guò)本文能幫助到大家，讓大家理解掌握該如何使用get請(qǐng)求,需要的朋友可以參考下
2017-09-09
js添加千分位的實(shí)現(xiàn)代碼(超簡(jiǎn)單)
下面小編就為大家?guī)?lái)一篇js添加千分位的實(shí)現(xiàn)代碼(超簡(jiǎn)單)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-08-08
JavaScript獲取css行間樣式,內(nèi)連樣式和外鏈樣式的簡(jiǎn)單方法
下面小編就為大家?guī)?lái)一篇JavaScript獲取css行間樣式,內(nèi)連樣式和外鏈樣式的簡(jiǎn)單方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-07-07
uniapp實(shí)現(xiàn)app檢查更新與升級(jí)詳解(uni-upgrade-center)
UniApp是一個(gè)跨平臺(tái)的開(kāi)發(fā)框架,可以同時(shí)開(kāi)發(fā)iOS和Android應(yīng)用,下面這篇文章主要給大家介紹了關(guān)于uniapp實(shí)現(xiàn)app檢查更新與升級(jí)(uni-upgrade-center)的相關(guān)資料,需要的朋友可以參考下
2023-11-11
js判斷字符長(zhǎng)度以及中英文數(shù)字等
本文為大家介紹下使用js判斷字符長(zhǎng)度及中英文數(shù)字等，下面有個(gè)不錯(cuò)的教程，感興趣的朋友可以參考下
2013-12-12