1. 主页
  2. 文档
  3. JavaScript 教程
  4. JavaScript DOM
  5. 文档对象

文档对象

文档(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> 

 

 

这篇文章对您有用吗?