JavaScript的文档对象：文档对象模型

本文概要

• 文档对象的属性
• 文档对象的方法

文档对象代表整个HTML文档。

当html文档在浏览器加载，它成为一个文档对象。它是一个表示该html文档的根元素。它具有的属性和方法。通过文档对象的帮助下，我们可以添加动态内容，我们的网页。

正如前面提到的，它是窗口的对象。所以

window.document

是一样的

document

据W3C – “W3C文档对象模型（DOM）是一个平台和语言无关的接口，它允许程序和脚本动态访问和更新的内容，结构和文档的风格。”

文档对象的属性

让我们来看看，可以通过文档对象进行访问和修改文档对象的属性。

文档对象的方法

我们可以访问并通过其方法改变文档的内容。

是文档对象的重要方法如下：

通过文档对象访问字段值

在这个例子中，我们将通过用户得到输入文本的价值。在这里，我们使用document.form1.name.value获得name字段的值。

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

将Form1窗体的名称。

名字是输入文字的属性名称。

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

让我们来看看文档对象的简单示例，打印与欢迎信息名。

<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>

上面的例子中的输出

Enter Name: