最近评论
正在载入评论列表...
案例4-1 使用DOM操作HTML文档
在Eclipse中新建一个项目，项目的名称为“P41_HTMLDOM”。首先，新建一个HTML文档，在页面首部添加JavaScript脚本，当我们在脚本区域中输入document.时，页面中将显示如图4-1所示的提示列表框，可以看到有关该对象的属性和方法均显示出来。
图4-1 有关DOM对象属性及方法的提示列表框
如果我们选择“bgColor”属性，并对其值进行设置，就是修改document对象的背景色属性，达到控制页面背景色的目的。对应的代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>document.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script language="javascript">
document.bgColor = "#00eeaa";
</script>
</head>
<body>
有关对象的属性 <br>
</body>
</html>
预览该页面可以看到对应的背景色已经发生了改变。通过这个实例，了解到DOM的基本操作原理，是以对象的形式对HTML文档中的各个组成部分进行表示，HTML文档的树型结构中主要包含表示元素、标记的元素结点（elementNode）和表示文本串的结点（textNode）。
那么，如何方便地通过DOM遍历这棵树并检查、修改树上结点的方法和属性呢？就需要了解DOM中针对结点操作的相关属性和方法。
必知必会：HTML DOM中常用的对象操作属性及方法
按照DOM的操作规则，HTML文档中的各个标记、元素被视为各种类型的Node对象，即结点对象。每个Node对象都有自己的属性和方法，利用这些属性和方法可以遍历整个文档树。考虑到HTML文档的复杂性，DOM定义了nodeType来表示结点的类型，以便于分类进行不同的操作和处理。
图书导读
