原文出处:http://mo2000com.blog.163.com/blog/static/254289662007631113328429/
最常用的两个东西:getElementById()和getElementsByTagName(),其中.
getElementById("xxx")
取到某个id为xxx的html元素;返回结果是该标签对象(即object)
getElementsByTagName("yyy")
取到标签名为yyy的html元素,返回结果是该标签的对象列表,基数从零开始.由于是列表,getElementsByTagName具有一个length属性,返回该列表数组的长度
注意:getElemenetsByTagName中有一个s,即getElement(s)ByTagName,因为读取的是一系列标签,返回的是一个数组对象
例子：
<div id="chong">
<div id="chong1"></div>
<div id="chong2"></div>
<div id="chong3"></div>
</div>
<script. language="javascript">
var divmainid=document.getElementById("chong");//var 赋予divmainid为chong的标签对象
alert(typeof(divmainid));//typeof显示divmainid的数据类型,是objuect对象
var list=document.getElementsByTagName("div");//赋予list为div标签列表对象
alert("div标签个数:"+list.length);
</script>
值得注意的是:
script需要放在后面,因为浏览器加载顺序自上而下的,如果把script内容放在前面就会出现问题。
另外,由于使用了document来表示body根元素,因而要求body标签的存在,如果没有body标签,标准浏览器(如firefox)就不能正确执行上面的脚本(上面的脚本中并没有写入body标签),下面是有加入body标签的,可以在firefox下对比(你也可以直接在这里去掉body标签,在firefox下运行,看看有什么差异)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta. http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>getElementById 和 getElementsByTagName</title>
</head>
<body>
<div id="chong">
<div id="chong1"></div>
<div id="chong2"></div>
<div id="chong3"></div>
</div>
<script. language="javascript">
var divmainid=document.getElementById("chong");//var 赋予divmainid为chong的标签对象
alert(typeof(divmainid));//typeof显示divmainid的数据类型,是objuect对象
var list=document.getElementsByTagName("div");//赋予list为div标签列表对象
alert("div标签个数:"+list.length);
</script>
</body>
</html>