DOM
document (html, xml)
object 将文档中的HTML元素转成js的对象
通过ID找到文档的元素转成js对象
var obj = document.getElementById("test");
1. 通用的方式
document.getElementById(id); //通过元素中的唯一的ID
document.getElementsByName(name); //通过元素中的name属性
document.getElementsByTagName(tagname); //通过元素中的标签名称
id的方式， 一个文档中ID是不能重复的， 在一个文档中通过ID只能获取一个对象
而通过文档中元素的name属性和tagname标记名称获取到的元素对象是多个，也就是复数
2. 使用document中的内置数组来完成
model 对元素转成的对象进行操作
1. 内容(使用通用的4个属性) a div b h1 ... <input> 用 value <tag>内容</tag>使用下面4个
innerHTML
innerText 只有IE好用， 非IE不好用（textContent）, 不兼容
表单中的内容如何改
<input type="text" name="hello" value="abc">
<areatext></areatext>
属性可以改值， 也可以取值
所有的表单改内容和获取内容都要使用value属性
2. 操作属性
将元素转成对象后， 原来元素有的属性， 就是这个对象的属性
属性可以改值， 也可以取值
3. 操作样式
可以获取样式， 也可以改样式
一、 可以一个一个样式的改
对象.style.样式属性=“样式的值”
样式属性如果有"-"的， 将这个去了， 后面的单词首字母大写
二、 可以批量的改样式
使用className这个通用属性（所有元素都可以使用的属性）
清除样式将className设置为空