本文档介绍W3C DOM规范及其在现代浏览器中的广泛支持。内容涵盖W3C DOM提供的文档属性与方法，包括访问和操纵文档元素的常用函数如getElementById等。通过示例代码展示如何获取文档标题及元素内容，帮助开发者理解如何利用W3C DOM进行页面交互与数据操作。
W3C DOM概述
该文档对象模型（DOM）允许访问并修改所有文档内容，其规范由万维网联合会（W3C）制定。目前几乎所有现代浏览器均支持此模式。
W3C DOM文档属性
W3C DOM规范不仅涵盖了传统DOM的大部分功能，还引入了若干重要新功能。除了支持forms[]、images[]及其他文档对象的数组属性外，它还定义了相关方法，使脚本能够访问和操作任何文档元素，而不仅限于表单和图像等特定元素。 W3C DOM中的文档属性包括：
该模型支持传统DOM提供的所有属性。此外，以下是可通过W3C DOM访问的文档属性列表：
W3C DOM文档方法
W3C DOM中的文档方法包括：
该模型支持传统DOM提供的所有方法。此外，以下是W3C DOM支持的方法列表：
W3C DOM应用示例
示例：
利用W3C DOM，访问和设置文档元素变得非常简便。可以使用getElementById、getElementsByName或getElementsByTagName等方法。
以下是通过W3C DOM方法访问文档属性的一个示例：
<html>
<head>
<title> Document Title </title>
<script type="text/javascript">
<!--
function myFunc()
{
var ret = document.getElementsByTagName("title");
alert("Document Title : " + ret[0].text );
var ret = document.getElementById("heading");
alert(ret.innerHTML );
}
//-->
</script>
</head>
<body>
<h1 id="heading">This is main title</h1>
<p>Click the following to see the result:</p>
<form id="form1" name="FirstForm">
<input type="button" value="Click Me" onclick="myFunc();" />
<input type="button" value="Cancel">
</form>
<form d="form2" name="SecondForm">
<input type="button" value="Don't ClickMe"/>
</form>
</body>
</html>
注意：此示例中的form和content等返回对象，我们需要使用本教程未讨论的这些对象的属性来访问其值。