windows.document对象

1.1找元素

document.getElementById("id");根据id找最多找一个；

var a=document.getElementById("id");将找到的元素放在变量中；

document.getElementByNames("name");根据name找，找出来的是数组；

document.getElementByTagNames("name")；根据表签名找，找出来的是数组；

document.getElementByClassNames("name")；根据表classname找，找出来的是数组；

alert(a.innerHTML)；标签里的html代码和文字都获取了

alert（a.innerText）;只获取里面的文字；

alert（a.outHTML）;包括标签本身的内容；

1.2操作元素

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

a.setAttribute("属性名"，"属性值")；设置一个属性，添加或更改都可以；

a.getAttribute("属性名")；获取属性值；

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

示例：展示图片的自动和手动切换，并插入超链接。

代码：

<style>

#zlunbo
{ background-image:url(zk2.png) ; 830px; height:540px; position:relative; margin-left:250px;}
#zzuo
{
33px;
height: 124px;
position: absolute;
left: -30px;
top: 214px;
line-height: 124px;
font-size: 50px;
}
#zzuo:hover
{ background-color:#C7C7C7; opacity:60%;
}
#zyou
{
33px;
height: 124px;
position: absolute;
left: 831px;
top: 214px;
line-height: 124px;
font-size: 50px;
}
#zyou:hover
{ background-color:#C7C7C7; opacity:60%;
}

</style>

<body>

</body>

</script>