该文档(document )对象代表整个HTML文档。
当 html 文档在浏览器中加载时,它就变成了一个文档对象。它是代表 html 文档的根元素。它有属性和方法。借助文档对象,我们可以将动态内容添加到我们的网页中。
如前所述,它是window的对象。所以
window.document
与
document
根据 W3C 的说法—— “W3C 文档对象模型 (DOM) 是一个平台和语言中立的接口,它允许程序和脚本动态访问和更新文档的内容、结构和样式。”
文档对象的属性
让我们看看文档对象可以访问和修改的文档对象的属性。
文档对象的方法
我们可以通过它的方法访问和更改文档的内容。
文档对象的重要方法如下:
方法 | 描述 |
---|---|
write(“string”) | 将给定的字符串写入文档。 |
writeln(“string”) | 将给定的字符串写入文档,末尾带有换行符。 |
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>