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来当做要抽去对象,下一章会有详细介绍。

      

原文地址:https://www.cnblogs.com/zhangxin4477/p/6648138.html