dom操作的一些基本方法

dom获取标签的方法
1，通过Id
2，通过tagName
3,，通过ClassName
获取子节点
1.1父节点.children 非标准属性，兼容各个浏览器
1.2父节点.childNodes 标准属性，获取标签和文本节点
1.3节点类型:标签节点（li），文本节点（text），属性节点，注释节点（comment）
1.4节点属性
nodetype：判断节点属性 1-标签节点 2-属性节点3-文本节点，注释节点
nodeName：节点名称
nodeValue：操作节点内容，只有文本节点使用这个属性有意义
获取父节点
1.子节点.parentNode 获取直接父节点
2.子节点.offsetparent 获取定位父节点，如果没有定位父节点，获取到body
获取其他节点
1.首节点
1.1 父节点.firstChild：获取首节点 在标准浏览器上会获取文本节点
1.2 父节点.firstElementChild ：标准浏览器专门用来解决获取到文本的问题，但是ie不兼容
1.3 兼容 两个取值之间的兼容，用|| var n = 2||1；一真为真 如果第一个条件为真，后面的那个都不看，第一个条件为假，看第二个条件
2.尾节点 lastChild/lastElementChild
3.下一个 ：参考节点.nextSibling nextElementSibling
4.上一个：参考节点：previousSibling 参考节点：previousElementSibling
添加节点
1.创建节点 document.createElement（‘节点名称’）ex：var oLi = document.createElement（“li”）
2.追加 父元素.appendChild（子节点）
如果添加的是已存在的标签，会发生物理位移
3.在某个元素之前添加标签 父元素.insertBefore（newChild，refchild）
删除节点
1.标签.remove()；删除元素本身，ie8不兼容
2.父节点.removeChild（子节点）：删除父元素中的某个子节点
节点的其他操作
1.替换：父节点.replaceChild（newChild，refChild）
2.复制节点 节点.cloneNode（boolean）默认值是false
false复制标签 true复制标签内容
操作属性节点
获取属性： 标签.getAttribute（“属性名”） 可以获取自定义属性
设置属性： 标签.setAttribute（“属性名”，“属性值”）
DOM获取表格
1.获取thead
oTab.tHead
2.获取tfoot
oTab.tFoot
3.获取tbody
oTab.tBodies[0]
4.获取rows
oTab.rows
oTab.tBodies[0].rows
5.单元格cell：单元格只能通过行获取
oTab.row[1].cells