JS Windows.document对象

Posted 2020-10-08 Joker

四中选择器：class ，id ， name ， 标签

通过选择器获取对象：

...................................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].

要在循环中对某个元素的进行标记样式操作时，js更改的样式会更改所有的样式（内联的样式优先级最高）