javascript dom(document object model)的简单介绍

hyshucom

浏览: 806398 次

最近访客更多访客>>

hcwdev

jklwan

navy235

hellodota

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (1248)

社区版块

存档分类

dom访问的几种方法
1、document.getElementById("对象的id"); id=""
独立访问某个对象的时候使用
2、document.getElementsByName("对象的name"); name=""
返回的是一个对象数组（节点的列表）

3、document.getElementsByTagName("标签名称"); a p span div

返回的也是一个对象数组

我们使用document.all(获取网页中所有的对象)

注意：
1、在获取网页所有的对象时，第一个节点会获取一个“！”它是网页的w3c规范声明
2、在获取table对象的时候，我们会获取到一个tbody节点，它是属于表格的。
我们可以使用document.all.id 获取指定id的对象
但是注意，如果我们获取的id有多个对象，则返回的是一个节点列表
可以通过document.all（下标）的方式获取网页对象
document.images 可以获取网页中所有的图片对象（节点）

下面是一个有点dom的小程序：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
function getAll()
//获取所有的网页对象
var a=document.all;
var str="";
for(var i=0;i<a.length;i++){
str+=a[i].tagName+"<br>";
}
document.write(str);
}

function getAllid(){
//获取所有的网页对象
var a=document.all.p2;
alert(a.length);
alert(a.tagName);
}
</script>
</head>
<body>
<a href="#">东</a>
<a href="#">西</a>
<a href="#">南</a>
<a href="#">北</a>

<p id="p2">一</p>
<p>二</p>
<p name="p1">三</p>
<p>四</p>
<p name="p2">五</p>
<p name="p1">六</p>
<input type="button" value="获取网页所有的节点" onclick="getAll()" />
<input type="button" value="获取网页中指定的id" onclick="getAllid()" />
</body>
</html>