JavaScript的文档对象（文档对象模型） javascript文档对象模型|JavaScri

本文概要

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

文档对象代表整个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窗体的名称。
名字是输入文字的属性名称。
【JavaScript的文档对象（文档对象模型）】值的属性，它返回输入文本的价值。
让我们来看看文档对象的简单示例，打印与欢迎信息名。

< 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="http://www.srcmini.com/print name"/> < /form>

上面的例子中的输出