📜  javaScript文档对象模型(DOM)

📅  最后修改于: 2020-10-24 08:17:23             🧑  作者: Mango

文档对象模型

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

在浏览器中加载html文档时,它成为文档对象。它是代表html文档的根元素。它具有属性和方法。借助于文档对象,我们可以将动态内容添加到我们的网页中。

如前所述,它是窗口的对象。所以

window.document

与…相同

document

根据W3C的说法:“ W3C文档对象模型(DOM)是一种平台和语言无关的界面,它允许程序和脚本动态访问和更新文档的内容,结构和样式。”

文档对象的属性

让我们看一下文档对象可以访问和修改的文档对象的属性。

文件对象的方法

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

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

Method Description
write(“string”) writes the given string on the doucment.
writeln(“string”) writes the given string on the doucment with newline character at the end.
getElementById() returns the element having the given id value.
getElementsByName() returns all the elements having the given name value.
getElementsByTagName() returns all the elements having the given tag name.
getElementsByClassName() returns all the elements having the given class name.

通过文档对象访问字段值

在此示例中,我们将按用户获取输入文本的值。在这里,我们使用document.form1.name.value来获取name字段的值。

在这里,document是代表html文档的根元素。

form1是表单的名称。

name是输入文本的属性名称。

value是属性,它返回输入文本的值。

让我们看一下简单的示例文档示例,该示例显示带有欢迎消息的名称。



Enter Name:

上面例子的输出


Enter Name: