Document对象

Document对象
一、找到对象。
document.getElementById() //根据ID找 最多找到一个
document.getElementsByName() //根据name找 找出来 是数组
document.getElementsByTagName() //根据标签找 找出来是数组

var a = document.getElementsByTagName("div");//根据标签名找div
for(var i=0;i<a.length;i++)
{
a[i].style.border="5px solid red";//操作每个div的样式
}

var a = document.getElementById("dd");//根据id找
a.style.height="100px";//操作id是dd的样式
a.style.backgroundColor="yellow";
二、操作属性。
1.获取属性值。
var b = document.getElementById("txt");
var s = b.getAttribute("daan");

2.添加或修改属性值
var b = document.getElementById("btn");
b.setAttribute("属性名","属性值");

3.删除属性：
var b = document.getElementById("btn");
b.removeAttribute("属性名");

三、操作样式。
（一）操作内联样式。
var b = document.getElementById("btn");
b.style.xxxx = 值

（二）操作样式表的class选择器。
var b = document.getElementById("btn");
b.className="dd";
或
b.setAttribute("class","dd")

案例：设置奇偶行不同背景色。

第一步：做HTML标记
第二步：做样式
第三步：用JS代码为元素加上样式选择器

 

（四）操作内容
1.表单元素。
赋值：obj.value="";
取值：var s = obj.value;

2.非表单元素。
赋值：obj.innerHTML = "";
取值：var s = obj.innerHTML;