由 element.appendChild(newNode) ,谈开去
更新时间：2006年11月30日 00:00:00 作者：
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)
是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)
相关文章
这篇文章主要介绍了uniapp做小程序的图片(视频)上传的组件封装,要求实现多张图片的上传 ,可以限制图片上传的数量,图片预览,多次使用对图片的上传顺序排序,需要的朋友可以参考下2024-02-02
JavaScript+html5 canvas实现本地截图教程
这篇文章主要为大家详细介绍了JavaScript+html5 canvas实现本地截图教程，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-02-02
今天做历史记录查询功能，遇到了前后台方法互相调用的问题，研究了一下，把成功经验记录一二。2013-06-06
这篇文章主要介绍了JS 正则表达式验证密码、邮箱格式的实例代码,需要的朋友可以参考下2018-10-10
详解promise.then,process.nextTick, setTimeout 以及 setImmediate的
这篇文章主要介绍了详解promise.then,process.nextTick, setTimeout 以及 setImmediate的执行顺序2018-11-11
gridview生成时如何去掉style属性中的border-collapse
默认gridview控件会在生成的html代码中的style属性中加入border-collapse:collapse，如果想把它去掉的话2014-09-09
这篇文章主要为大家详细介绍了JSP基于Bootstrap分页显示实例,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-06-06
这篇文章主要介绍了Bootstrap树形组件jqTree的简单封装，封装一个稍微完整点的树形组件，感兴趣的小伙伴们可以参考一下2016-01-01
这篇文章主要为大家详细介绍了JS实现简单日历特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-01-01
在使用Element UI的el-table组件时,可能会遇到过滤数据后选中状态丢失的问题,解决这一问题的关键在于利用Vue的计算属性和事件绑定功能,感兴趣的朋友跟随小编一起看看吧2024-09-09
最新评论