DOM文档对象模型
作用
作用：操作htmL文档中的标签
类数组和数组
document对象
获取HTML内容
getElementById
- 通过id名获取元素
- 返回单个元素
- var IdEle=Doucument.getElementById('id名')
getElementsByClassName
- 通过类名获取元素
- 返回类数组
- var IdEle=Doucument.getElementsByClassName('类名')
getElementsTagName
- 通过标签名获取元素
- 返回类数组
- var IdEle=Doucument.getElementById('标签名')
getElementByName
- 通过name名获取元素
- 返回类数组
- var IdEle=Doucument.getElementsTagName('name名')
querySelector
- 通过选择器的方式
- 返回离得最近的单个元素
querySelectorAll
- 通过选择器的方式
- 返回伪数组
操作元素内容
innerHTML
- 获取元素的内部结构
- 设置元素的内容
innerText
- 获取元素的文本
- 设置元素文本内容
Value
- 获取表单文本内容
操作元素CSS属性
行内样式
className class类样式
classList 动态添加移除class类样式
