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

JS DOM操作(二) Window.docunment 对象操作

时间:2017-03-30 21:18:21      阅读:384      评论:0      收藏:0      [点我收藏+]

标签:over   点击事件   back   签名   dom操作   客户端   span   内联   mouseover   

一 对元素的定位

 在 js 中可以利用 id、class、name、标签名进行元素的定位

  id、class  用在客户端

  name  用在服务端

 

用 id 定位                  --  根据 id 最多只能找一个

      var  a  =  document.getElementById( "id 名" )

                                            -- 将找到的变了放到变量 a 中

用 class 定位

       var  a  =  documen.getElementsByClassName( "class 名")

                                            --  根据classname找,找出来的是数组

用标记定位

       var  a  =  document.getElementsByTagName (" 标签名")        

                                            -- 根据标签名找,找出来的是数组

用 name 定位

       var  a  =  document.getElementsByName ( "name名" )

                                              --  根据 name 找,找出来的是数组

 二 掌握三个事件

  

 onclick               -- 点击事件

 onmouseover     --鼠标移入事件

 onmouseout       -- 鼠标移出事件

   

三 控制标记的样式

 

标记对象.style.样式 = "值";
样式里带 “-” 要删掉,后面的第一个字母变为大写

放在等号右边是取值,可以看到元素内联样式的值

js里,对象的index属性,可以记录一个int类型的值

 

JS DOM操作(二) Window.docunment 对象操作

标签:over   点击事件   back   签名   dom操作   客户端   span   内联   mouseover   

原文地址:http://www.cnblogs.com/Tanghongchang/p/6648538.html

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