【2017-03-30】JS-document对象

一、获取标记对象

1、document.getElementById("id");         根据id找，最多找到一个。

2、document.getElementsByName("name");        根据name找，找出来的是数组。

3、document.getElementsByClassName("name");       根据classname找，找出来的是数组。

4、document.getElementsByTagName("name")           根据标签名找，找出来的是数组。

二、三个事件

1、点击事件

onclick

2、鼠标移入事件

onmouseover

3、鼠标移出事件

onmouseout

 

要给数组赋上事件必须进行循环：

var  arr =document.getElementsByClassName("div1");

for(var i =0;i<arr.length;i++)

{

   arr[i].onclick=function(){

     this.style.backgroundColor="red";                   //this 在循环中点谁谁变色

    }

}

 

 

 

三、控制标记的样式

标记对象.style.样式="值";

var a =document.getElementById("btn1");

a.onclick=function(){

a.style.backgroundColor="red";

}

 

样式里带“-”的，要将“-”去掉，并且将其之后一个字母变成大写。

在JS里对象的index属性，可以记录一个int类型的值