JS Windows.document對象
四中選擇器: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對象