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代码为元素加上样式选择器

例：<style type="text/css">
#d
{
   height:20px;
   border-bottom:#000 2px solid;
}
.odd
{
   background-color:red;
}
.even
{
   background-color:blue;
}
</style>
</head>

<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</body>

<script language="javascript">
var d=document.getElementsByTagName("div");
for(var i=0;i<d.length;i++)
{
   d[i].setAttribute("id","d");
   if(i%2==0)
   {
       d[i].className="odd";
   }
   else
   {
       d[i].className="even";
   }
}
</script>

四、操作内容

五、操作元素