document 对象

一。查找元素对象

1.   html中查找元素对象：（1）class （2）id （3）标签

document找到元素对象

（1）id：            document.getElementById("元素id");【根据id只能找到一个元素对象（html的id不会重复）】【作用客户端】

（2）class：        document.getElementsByClassName("class名称");【根据class找到一个数组数据】【作用客户端】

（3）标签名：      document.getElementsByTagName("标签名");【标签：div/input/span等。找到的是一个数组数据】【作用客户端】

（4）name名：    document.getElementsByName("name名");【根据name来查找，找到一个数组数据】【作用服务端】

2.   将找到的数据放到变量中：

var a=document.getElementById("元素id")；【该类型只有一个值，操作时直接使用a.事件】

var a=documenr.getElementByClassName("class名称");【该类型是一个数组，对数组内的单个元素操作使用for循环：a[i].事件】

二。常用三个事件

1.点击事件[onclick]

a.onclick=function(){}

2.鼠标移入事件[onmouseover]

a.onmouseover=function(){}

3.鼠标移出事件[onmouseout]

a.onmouseout=function(){}

 三。控制标记的样式

1.元素标记.style.样式=“值”；

更改id为‘aa’的背景颜色为黑色：aa.style.backgroundColor="red";

这里的background-color变成backgroungColor,是因为js中所有带“-”的属性全部都要去掉，并且其后面的第一个字母变成大写。

2.在对数组数据for循环遍历时，第一个元素是a[0].

要对某个元素的进行标记样式操作时，可用this来当做要抽去对象，下一章会有详细介绍。