关于DOM中的model（将元素转成对象进行操作）

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设置为空