JavaScript第九天DOM

DOM操作

获取节点

获取子节点

父节点.children
父节点.childNodes

节点基本属性

nodeType 用于表明节点的类型
节点.nodeName 获取标签节点的标签名
节点.nodeValue 获取文本节点的内容

获取父节点

元素.parentNode 属性指向文档树中的父节点
元素.offsetParent 指向与当前元素最近的经过定位的父级元素

其他节点

父元素的首尾节点
父元素.firstChild .lastChild 标准浏览器会获取到折行、文本
父元素.firstElementChild .lastElementChild 解决折行问题，标准浏览器专用

获取元素的下一个节点
nextSibling 获取下一个兄弟节点
nextElementSibling 获取下一个兄弟元素 ie9以上标准浏览器
某个元素的上一个兄弟节点
previousSibling 获取前一个兄弟节点
previousElementSibling 获取前一个兄弟元素

创建节点：createElement（） 该方法接受一个标签名字符串，返回一个标签对象的引用
追加节点（父元素的末尾）：appendChild（） 用于向childNodes列表的末尾添加一个节点
插入节点（某个元素之前）：insertBefore（） 父节点.insertBefore( new,参照的节点)
删除节点：元素.remove 移除元素 父元素.removeChild( ) 括号写要移除的节点
替换节点：replaceChild（） 两个参数，要插入的节点，要替换的节点
复制节点：cloneNode（） 一个参数，布尔值默认false 只复制标签不复制内容 true 复制标签内容

获取标签方法：
1，document.querySelector 选择器；
2，document.querySelectorAll；
3，document.getElementById；
4，document.getElementsByClassName；
5，document.getElementByTagName。

获取和设置属性值
getAttribute（） 获取属性值
setAttribute（） 两个参数，需要设置的属性，属性的值

获取表格元素
获取tHead .tHead
获取tBody .tBodies[0]
获取 tFoot .tFoot
获取行 .rows所有行 .tBodies[0].rows 获取body中的行
获取单元格 .rows[0].cells 只能通过行获取