dom

DOM
选择器

document.getElementByID(id)
通过name名称来获取html元素（类数组-多个）
document.getElementsByName(name)
通过tag标签名来获取html元素（类数组-多个）
document.getElementsByName(tag)
通过class类名称来获取html元素（类数组-多个）
document.getElementsByClassName(class)
通过css选择器来获取html元素（css选择器）
document.querySelectorALL(css选择器)
通过css选择器来获取html元素（单个）
document.querySelector(css选择器)
获取和改变层的内容
获取
innerHTML
获取文本元素的内容包括标签
innerText
获取元素的内容 过滤标签
改变
innerHTML
设置元素的html内容
innerText
设置
定义：
当浏览器去解析html标签的时候完毕后会生成一个BOM树形结构
结构之间会有三种类型的节点
元素类型
文本类型
属性类型
节点之间会又关系
父子
兄弟
DOM的核心方法
附件：
操作HTML有三种方式
html方式
dom核心方式
xml方式
属性操作
getAttribute（属性名） 获取属性
setAttribute（’‘属性名’’，’‘属性值’’） 设置属性
创建
createElement（）
添加
append（）
parent.insertBefore()
删除
parent.removeChild()
节点关系
parentElement
父亲节点
Children
子节点
firstElementChild
第一个子节点
lastElementChild
最后一个子节点
nextElementSibling
下一个兄弟子节点
previousElementSibling
上一个兄弟子节点
table
表格操作
table.insertRow（0）
插入行
tr.insertCell
插入列
tr.rowIndex
获取的是第几行
table.deleteRow（index）
删除行