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       -- 鼠标移出事件 

三 对样式的操作     

1、利用定位找到元素存于变量中

                                           var a = document.getElementById(  " id  "  )

2、对该元素的样式进行操作

                                            a.style.样式 = "值";   

例

    document.body.style.backgroundColor=" 颜色"

                                                -- 改变整个窗口的背景颜色

    -- 更改的样式作用在内联中，优先级最高，能够覆盖其他所有的样式。

    -- 样式里带 “-” 要删掉，后面的第一个字母变为大写

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

index 

       -- 对象的属性，可以记录一个int类型的值  

 this . index = i ;

                  -- 将索引标记一下

                i 在这里指for循环中的变量

                 this 代表对象如（a[0]）