JavaScript 内容串联 ---Document

标签：

Document 对象

一、找到对象
document.getElementById("id");//根据id找，最多找出一个，因为ID是唯一的；
document.getELementsByName("name");//根据name找，找出来的是数组；
document.getElementsByTagName("div");//根据标签名找，找出来的是数组；

例：

var a=document.getElementsByTagName("div");
for(var i=0;i<a.length;i++)
{
    a[i].style.border="5px solid red";
}

var a=document.getElementById("dd");
a.style.height="200px";
a.style.backgroundColor="blue";

二、操作属性

1.获取属性值

var a=document.getElementById("text");

var s=a.getAttribute("daan");

2.添加或修改属性值

var a=document.getElementById("bnt");

a.setAttribute("属性名","属性值"); -------设置一个属性，添加或者更改。

3.删除属性

var a=document.getElementById("bnt");

a.removeAttribute("属性名");------------移除一个属性

三、操作样式

（一）操作内联样式

var a=document.getElementById("bnt");

a.style.XXXX=值；

（二）操作样式表的class选择器

var b=document.getElementById("bnt");

b.className="dd";

或者

b.setAttribute("class","dd");

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

第一步：做HTML标记

第二步：做样式

第三步：用JS代码为元素加上样式选择器

四、操作内容

五、操作元素

JavaScript 内容串联 ---Document

标签：

原文地址：http://www.cnblogs.com/likaixuan/p/4445977.html