Dom提供了一个名叫getElementById()方法，这个方法将返回一个与那个有着给定id属性值的元素节点相对应的对象。由于JavaScript语言区分字母的大小写情况，在写出"getElementById"时千万不要把大小写弄错了。如果把它错写成"GetElementById"或"getElementbyid",将无法得到你真正想要的东西。
这个方法是与document对象相关联的函数。在脚本代码里，函数名的后面必须跟有一组圆括号，这组圆括号包含着函数的参数。getElementId()方法只有一个参数,若想获得那个元素的id属性，这个id值必须放在单引号或者双引号里面。
document.getElementById(id)
举例: document.getElementById("purchases")
这个调用将返回一个对象，这个对象对应着document对象的一个独一无二的元素，那个元素的HTML id属性值是purchases.
再说一遍，getElementById()方法将返回一个对象。可以用typeof操作符来验证这一点。typeof操作符可以告诉我们它的操作数是不是一个字符串，数值，函数，布尔值或对象。
下面是把一些JavaScript语句插入到前面给出的"购物清单"文档之后得到的一份代码清单，新增的代码（黑体字部分）出现在</body>结束标签之前。顺便说一句，我本人并不赞成把JavaScript代码直接嵌入一份文档的做法，但它不失未一
种简便快捷的测试手段：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>shopping list</title>
</head>
<body>
<h1>What to buy</h1>
<p title ="a gentle reminder">Don't forget to buy this stuff.</p>
<ul id="purchase">
<li>A tin of beans</li>
<li>Cheese</li>
<li>Milk</li>
</ul>
<script type="text/javascript">
alert(typrof document.getElementById("purchase"));
</script>
</body>
</html>
把上面这些代码保存为一个XHTML文件。当在WEB的浏览器里加载这个XHEML文件时，屏幕上将弹出一个alert对话框，它向你报告document.getElementById("purchases")的类型，它是一个对象。不仅如此，如果用上述办法检查其他元
素节点的类型，也会看到类似的alert对话框。
|
|
收藏
淘帖
踩
