首页 > 代码库 > JS DOM操作(二) Window.docunment 对象操作

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

一 对元素的定位

 在 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 对象操作