js笔记15
DOM2动态创建节点
1.生成节点的方法
document.createElement("div")
2.插入节点的方法
父元素.appendChild(新节点)
在父节点的子节点后面插入新的节点
3.在指定的位置插入新的节点
父元素.innerBefore(新节点,谁的前面) 将新的节点插入指定的元素前面
4.删除元素节点
父元素.removeChild()
5.案例分析
仿留言板
兼容性
元素没有子节点,ie低版本会读取不到,而标准浏览器会
因为标准浏览器会把文本节点当做子节点,而ie6-8不会
6.超链接a的属性href分析
<a href=""> 点击会刷新新的页面,相当于向后台发送一次请求
<a href="#s"> 描点跳转,跳转到某一个id叫s的位置上
<a href="javascript:;">取消刷新新页面的功能
7.拓展
字符串的拼接和DOM创建都是渲染的方式
字符串的拼接
优点:简单,层次感强,可以处理大量数据
缺点:字符串拼接会影响到原有的子元素的事件
DOM创建
优点:是一个独立的整体,不会影响到原来的元素
缺点:处理数据量过大会比较麻烦,会造成DOM回流
DOM回流
页面渲染的时候,我么对html结构简单的增删查改时,浏览器会对所有的dom进行重新排列,这就是DOM回流,严重影响浏览器的性能