码迷,mamicode.com
首页 > Windows程序 > 详细

JS Windows.document对象

时间:2017-09-26 17:44:50      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:索引   class选择器   fun   class   .class   通过   控制   element   变量   

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

JS Windows.document对象

标签:索引   class选择器   fun   class   .class   通过   控制   element   变量   

原文地址:http://www.cnblogs.com/TheJoker/p/7597577.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!