javascript基础DOM对象

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

//根据id值获取  对象
var obj = document.getElementById("dd");
//为对象设置css样式  属性值要双引号
obj.style.color = "red";

//document.getElementsByTagName("标签名");返回一个集合【数组】
//这里取到的是所有li  所以lis里面元素有多个
var lis = document.getElementsByTagName("li");
//设置背景颜色为绿色
lis[2].style.backgroundColor = "green";
//设置字体颜色为红色
lis[2].style.color = "red";

//根据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";
}

//返回一个集合
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";
}