標籤:索引 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對象