本文详细介绍了DOM操作，包括节点类型（元素、属性和文本）、节点查找方法（父、子、兄弟），以及如何添加、删除节点，特别关注了移动端特有的touch事件。
节点操作
DOM节点
DOM树中每个内容都称之为节点
类型
元素节点：所有的标签
属性节点：所有属性如href、id、class等
文本节点：所有文本
查找节点
父节点查找：
parentNode 属性
返回最近一级的父节点 找不到返回null
子元素.parentNode
子节点查找：
childNodes 属性
获得所有子节点，包括文本节点（空格、换行）、注释节点等
children 属性（重点）
仅获得所有元素节点（只选亲儿子，只不过把儿子里的内容也获取了）
返回伪数组
父元素.children
兄弟节点查找：
下一个兄弟节点
nextElementSibling 属性
上一个兄弟节点
previousElementSibling 属性
增加节点
操作：
创建新节点
把创建的新的节点放入到指定元素内部
创建：
追加：
1.插入到父元素的最后一个子元素
appendChild
2.插入到父元素中某个子元素的前面
insertBefore
特殊的：
复制原有节点，把复制节点放到指定元素内部即克隆节点
元素.cloneNode(布尔值)
cloneNode会克隆出跟原标签一样的元素
传入布尔值为true，克隆会包含后代节点一起克隆（深克隆）
flash（默认），不会包含后代节点（浅克隆）
删除节点
要删除元素必须通过父类删除
父元素.removeChild(要删除的元素)
M端事件（了解）
移动端独特的地方：touch（触摸事件）
touchstart：手指触摸到DOM时触发
touchmove：手指在DOM上滑动时触发
touchend：手指从DOM上移开时触发
1153
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
