这篇文章主要介绍了简述JavaScript对传统文档对象模型的支持,是JS学习进阶中的重要知识,需要的朋友可以参考下
这是将其在JavaScript语言早期版本中引入的模型。大家都被所有浏览器都支持，但只允许访问文件的某些关键部分，如表单，表单元素和图像。
该模型提供了若干个只读属性，如标题，URL和上次更改提供关于文档整体的信息。除了有由该模型可用于设置和获取文档的属性值提供各种方法。
文档属性在传统DOM：
下面是文档属性，可以使用传统DOM访问列表：
文档方法在传统DOM：
这里是由传统DOM支持的方法列表：
例子：
我们可以找到任何HTML元素，使用HTML DOM任何HTML文档。例如，如果一个网页文件包含一个表单元素，然后使用JavaScript，我们可以把它称为document.forms[0]。如果Web文档包括两个形式元素的第一种形式被称为document.forms[0]和第二为document.forms[1]。
利用上面给出的层次结构和性质，可以使用document.forms[0].elements[0]等。
下面是一个例子访问使用传统DOM方法文档属性：
<html> <head> <title> Document Title </title> <script type="text/javascript"> <!-- function myFunc() { var ret = document.title; alert("Document Title : " + ret ); var ret = document.URL; alert("Document URL : " + ret ); var ret = document.forms[0]; alert("Document First Form : " + ret ); var ret = document.forms[0].elements[1]; alert("Second element : " + ret ); } //--> </script> </head> <body> <h1>This is main title</h1> <p>Click the following to see the result:</p> <form> <input type="button" value="Click Me" /> <input type="button" value="Cancel"> </form> <form> <input type="button" value="Don't ClickMe"/> </form> </body> </html>
注意: 这个例子的形式和内容等返回对象，我们将不得不使用未在本教程中讨论这些对象的属性来访问它们的值。
您可能感兴趣的文章:
相关文章
返回指定对象的原始值。
2008-12-12文档对象模式（Document Object Model DOM）用来描述HTML页面中那些输入框、图片、段落等等元素与最顶级的结构document之间的关系。用适当的方法来选取这些元素，我们就可以改变他们。
2010-02-02JavaScript学习笔记（一） js基本语法，想要学习js的朋友可以参考下。
2011-10-10这篇文章主要介绍了javascript中interval与setTimeOut的区别,需要的朋友可以参考下
2014-03-03在使用js中会碰到这样的需求:利用子窗口操作父窗口对像，本人很是遗憾，于是搜索整理下，拿出来和大家分享，需要的朋友可以参考下
2012-12-12如同 in 运算符一样，使用 for in 循环遍历对象属性时，也将往上遍历整个原型链。
2014-06-06这篇文章主要介绍了javascript中eval解析JSON字符串时遇到的一个问题，简单的说eval就相当于一个js解析器，很牛哦
2016-02-02本文主要介绍js prototype 详解，希望能帮到大家，有需要的朋友可以参考一下。
2016-06-06这篇文章主要介绍了javascript中定义类的方法汇总的相关资料,需要的朋友可以参考下
2014-12-12本文将聚焦于JavaScript中的基本概念，这些概念与传统语言有比较大的不同，因此单独列出一章来做专门描述，理解本章的概念对书中后续章节的概念，代码的行为等会有很大的帮助，读者不妨花比较大的时间在本章，即使你对JavaScript已经比较熟悉，也建议通读本文
2011-10-10