作家
登录

由 element.appendChild(newNode) ,谈开去

作者: 来源:www.28hudong.com 2013-03-30 03:56:36 阅读 我要评论

element.appendChild(newNode) 方法中,如果 newNode本身是Dom中的一个节点. 那么appendChild方法执行的不再 是append操作了,而是一个move操作. 比如说: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]因为btn1本身是dom 中的一个节点,所以 appendChild操作会将 btn1 移动到 btn4的后面,而不是复制. 利用这个特点,我们可以用极少量的代码实现另类的文字无缝滚动. *{border:1px solid green} a{display:block;font-size:15px}; 1,你可曾有过无数的梦想, 2,却在时光的流逝里幻灭 3,你可曾对未来期待憧憬, 4,却在成长的岁月中迷失 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 呵呵,是不是很简洁呢, 这个方法我在今年五月份的时候发到了CSDN上,当时引起了许许多多的JavaScript爱好 者的大讨论, 那帖子被CSDN首页置顶,三百人参与回复讨论. 除了这个应用, appendChild的这个特性还可以在表格排序上大展身手. 注意,下面表格排序代码只是为了说明 appendChild的用法,没有在 ff中测试. 121 92 153 184 15 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 怎么样,有了appendChild 的大力相助,这个排序够简单吧.关于表格的更多操作方法,和高级的自定义表格排序,请参见我在CSDN的另一个帖子(也是用appendChild实现的排序,且兼容firefox)

  推荐阅读

  很有趣的一段textarea

Return to previous page or head to Hardwaregeeks.com. [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]>>>详细阅读


本文标题:由 element.appendChild(newNode) ,谈开去

地址:http://www.17bianji.com/kaifa2/JS/31333.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)