一、找到想要操作的对象
1、document.getElementById("id"); 根据id找,找到的是一个。
2、document.getElementsByName("name"); 根据name找,找出来的是数组。
【
要给数组赋上事件必须进行循环遍历:
var arr =document.getElementsByClassName("div1");
for(var i =0;i<arr.length;i++)
{
arr[i].οnclick=function(){
this.style.backgroundColor="red"; //this 在循环中点谁谁变色
}
}
】
3、document.getElementsByClassName("name"); 根据classname找,找出来的是数组。
4、document.getElementsByTagName("name") 根据标签名找,找出来的是数组。
二、三个事件
1、点击事件
onclick
2、鼠标移入事件
onmouseover
3、鼠标移出事件
onmouseout
三、控制标记的样式
标记对象.style.样式="值";
var a =document.getElementById("btn1");
a.οnclick=function(){
a.style.backgroundColor="red";
}
注意:在样式里带“-”的,要将“-”去掉,并且将其之后一个字母变成大写。
在JS里对象的index属性,可以记录一个int类型的值