標籤:點擊事件 cti input 類型 back document 對象 優先順序 --
四中選取器:class ,id , name , 標籤
通過選取器擷取對象:
document.getElementById(‘‘); -- id選取器
...................................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].
要在迴圈中對某個元素的進行標記樣式操作時,可用this來當做要抽去對象
this表示觸發事件的那個元素。(ps:以點擊事件為例,滑鼠點擊那個div,this就是那個div)
this.index = i ; 會給附索引的那個對象本身,它裡面的索引記上一個序號.
js更改的樣式會更改所有的樣式(內聯的樣式優先順序最高)
JavaScipt——Windows.document對象