JavaScript教程-文档对象模型（DOM）

文档对象模型（DOM）代表整个HTML文档。当HTML文档在浏览器中加载时，它变成了一个文档对象。它是表示HTML文档的根元素，并具有属性和方法。通过文档对象，我们可以向网页添加动态内容。

正如之前提到的，文档对象是window对象的一部分。因此，

window.document 和 document 是等价的。

根据W3C（万维网联盟）的定义，"W3C文档对象模型（DOM）是一个平台和语言中立的接口，允许程序和脚本动态地访问和更新文档的内容、结构和样式。"

文档对象的属性

让我们来了解文档对象的属性，可以通过文档对象来访问和修改：

文档对象的方法

文档对象提供了一些方法，允许我们访问和修改文档的内容。以下是文档对象的一些重要方法：

方法	描述
write("字符串")	将给定的字符串写入文档。
writeln("字符串")	将给定的字符串与换行符一起写入文档。
getElementById()	返回具有指定id值的元素。
getElementsByName()	返回所有具有给定名称值的元素。
getElementsByTagName()	返回所有具有给定标签名的元素。
getElementsByClassName()	返回所有具有给定类名的元素。

通过文档对象访问字段值

在这个例子中，我们将获取用户输入的输入文本的值。我们使用document.form1.name.value来获取name字段的值。

在这里，document是表示HTML文档的根元素。

form1是表单的名称。

name是输入文本的属性名称。

value是属性，它返回输入文本的值。

让我们看一个简单的文档对象的例子，它打印出带有欢迎消息的名称。

<script type="text/javascript"> 
function printvalue(){ 
  var name = document.form1.name.value; 
  alert("Welcome: " + name); 
} 
</script> 
  
<form name="form1"> 
  Enter Name: <input type="text" name="name"/> 
  <input type="button" onclick="printvalue()" value="print name"/> 
</form>