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

时间:2021-08-17 07:04:13

一 对元素的定位

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