JavaScipt——Windows.document对象

四中选择器:class ,id , name , 标签

通过选择器获取对象:

document.getElementById('');  -- id选择器

...................................ClassName('');  -- class选择器

...............................Name('');  --  name选择器

................................TagName('');  --  标签选择器(就是div 。 input 之类的 标签名)

获取元素放入变量中(除了id以外,其他的获取到的都是数组,使用时要有索引值)

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来当做要抽去对象

this表示触发事件的那个元素。(ps:以点击事件为例,鼠标点击那个div,this就是那个div)

this.index  = i ;    会给附索引的那个对象本身,它里面的索引记上一个序号.

js更改的样式会更改所有的样式(内联的样式优先级最高)

原文地址:https://www.cnblogs.com/big-lll/p/6649341.html