JavaScript - 操作元素属性、样式、类名

DOM - Document Object Model

一整套操作文档流的属性和方法

• 操作页面的标签(元素)
  操作标签的增删改查
  操作标签的属性(id, class, type, …)
  操作标签的样式
  …

• 认识一些内容
  -document：文档流，页面，根节点，但不是元素(标签)
  -html：承载所有标签的最大的元素，根元素节点
  -head：专门承载当前页面的说明标签，这里的内容一般不显示在页面上
  -body：专门承载当前页面的显示标签，真实显示在网页的内容

获取元素

用一个变量保存页面中的某个或者某些元素
获取元素的方法分为两类
1、获取非常规元素

• html：document.documentElement
• head：document.head
• body：document.body

2、获取常规元素

• 根据 id 获取元素
  语法：document.getElementById
  返回值：如果页面上有 id 对应的元素，那么就是这个元素，如果没有就是 null

• 根据 类名 获取元素
  语法：document.getElementsByClassName(‘元素类名’)
  返回值：必然是一个伪数组
  如果页面上有 类名 对应的元素, 那么有多少获取多少, 放在伪数组内返回
  如果页面上