9、DOM物件

HTML程式碼：

<div id="dd">
演示
</div>

javascript程式碼：

（1）、通過id來獲取元物件

//根據id值獲取  物件
var obj = document.getElementById("dd");
//為物件設定css樣式  屬性值要雙引號
obj.style.color = "red";

（2）、根據標籤名來獲取物件

//document.getElementsByTagName("標籤名");返回一個集合【陣列】
//這裡取到的是所有li  所以lis裡面元素有多個
var lis = document.getElementsByTagName("li");
 
//設定背景顏色為綠色
lis[2].style.backgroundColor = "green";
//設定字型顏色為紅色
lis[2].style.color = "red";

（3）、通過class屬性值來獲取物件

//根據class的屬性值
var temps = document.getElementsByClassName("sp");
//對獲取的很多個sp  進行遍歷
for (var i<0; i<temps.length; i++) {
    temps[i].style.color = "orange";
    temps[i].style.backgroundColor 
 
= "grey";
    temps[i].style.fontSize = "40px";
}

（4）、通過name屬性值來獲取物件

//返回一個集合
var pps = document.getElementsByName("pp");

for (var i=0; i<pps.length; i++) {
    pps[i].style.color = "green";
    pps[i].style.display = "block";
    pps[i].style.border = "1px solid blue";
}