JavaScipt——Windows.document对象

Posted 2020-09-08 超级芒果

四中选择器：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更改的样式会更改所有的样式（内联的样式优先级最高）