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;