个性化阅读
专注于IT技术分析

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

点击下载

本文概要

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

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

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

window.document

是一样的

document

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


文档对象的属性

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


文档对象的方法

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

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

方法描述
write(“string”)将给定的字符串写在doucment上。
writeln( “字符串”)将给定的字符串写入末尾带有换行符的doucment中。
getElementById()返回具有值给定id的元素。
getElementsByName()返回具有给定名称值的所有元素。
getElementsByTagName()返回具有给定标记名称的所有元素。
getElementsByClassName()返回所有具有给定类名的元素。

通过文档对象访问字段值

在这个例子中,我们将通过用户得到输入文本的价值。在这里,我们使用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:


赞(0)
未经允许不得转载:srcmini » JavaScript的文档对象:文档对象模型

评论 抢沙发

评论前必须登录!