JS 之 appendChild 与 innerHTML
来源:互联网 发布:php 判断移动端 编辑:程序博客网 时间:2024/05/10 22:26
问题:手机滑动分页,每次向下滑到低,就会请求数据并增加 n 个 item ,至于这个 item是什么,item 就是一类相似的 元素,它们有共同的父元素,那么,我要如何添加这几个item?
方式有两种,第一种很简单,修改父元素的innerHTML,原来的加上新的。
第二种,用appendChild方式,有几个加几个。
以上两种方法比较
第一种方式会删除父元素里面内容,然后重新写入所有item,操作简单,但如果有大量已经存在的item,再次添加会刷新很多
第二种方式,不会影响其他item,在后面添加item,这样刷新的内容就是添加的内容,这样的缺陷就是如果想做成公共接口,不知道item是什么,用js动态添加有点麻烦
0 0
- JS 之 appendChild 与 innerHTML
- innerHTML &&appendChild
- [js高手之路] dom常用API【appendChild,insertBefore,removeChild,replaceChild,cloneNode】详解与应用
- js:innerHTML与innerText||textContent
- appendChild,innerHTML,join性能大比拼
- JS(JavaScript)插入节点的方法appendChild与insertBefore
- JS(JavaScript)插入节点的方法appendChild与insertBefore
- JS(JavaScript)插入节点的方法appendChild与insertBefore
- js中AppendChild与insertBefore的用法详细解析
- JS中appendChild()与insertBefore()方法的使用
- 1.javaScript(JS)常用函数之 appendChild 和removeChild
- js之DOM操作(插入节点appendChild())
- js中appendChild()用法
- JS方法: appendChild()
- js insertBefore insertAfter appendChild
- JS:appendChild()和insertBefore()
- JS appendChild和insertBefore
- js appendChild方法应用
- NSCoding NSKeyedArchiver NSKeyedUnarchiver
- AsycTask------MainActivity
- 关于多分类器融合算法
- 手写数字识别(1)---- Softmax回归模型
- Kotlin开发Android笔记2:Kotlin与Java简单比较
- JS 之 appendChild 与 innerHTML
- Debugging performance issues in Go programs
- 二、LVS负载均衡搭建
- codeforces 268E Playlist(数学期望)
- HDU 3949 XOR (高斯消元求线性基)
- 一致性hash算法学习
- java 内存泄露、内存溢出
- Codeforces-688B Lovely Palindromes和Codeforces-630A-Again Twenty Five!(两道傻X题,借此秀一下python的简洁)
- android 底层日志 开发框架 崩溃后进行记录 LogReport