JavaScript 文档对象的引用 - 通过对象位置访问文档对象

浏览器载入HTML 文档后,将根据该文档的结构和DOM 规范生成对象数组,该对象数组中各对象之间的相对位置随着HTML 文档的确定而确定下来,JavaScript 脚本可以通过这个确定的相对位置来访问该对象。[code]<! DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0//EN”
http://www.w3.org/TR/REC-html140/strict.dtd”>

Sample Page! [/code]程序运行结果如图所示。

浏览器载入该文档时,生成forms数组,第一个form 为form[0],第二个form 为form[1]:[code]

[/code]则通过它们的位置进行访问的方法如下:[code]document.forms[0] document.forms[1][/code]而form[1]下面还有两个文本框,可通过如下方式访问:[code]document.forms[1].elements[0] document.forms[1].elements[1][/code]则访问第二个form 里面的第二个text 的value 属性可通过如下的方法:[code]document.forms[1].elements[1].value[/code]此种方法简单明了,但对象的位置依赖于HTML 文档的结构,如果文档结构改变而不改变上述的访问代码,浏览器弹出“某某对象为空或无此对象”错误信息。