JavaScript 文档对象的引用 - 通过id 属性访问文档对象

软件技术 前端
1

在HTML 4 版本中添加了HTML 元素的id 属性来定位文档对象，考察如下的代码：[code]<! DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0//EN”
“http://www.w3.org/TR/REC-html140/strict.dtd”>

Sample Page!

Welcome to DOM World!

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

753×603 29.5 KB

在段落语句中，设定id 为p1：<p id="p1">Welcome to<B> DOM </B>World! </p>然后通过这个id 属性访问到p 元素，即定位了该对象（元素对象）：currentElement=document.getElementById('p1');该currentElement 即为通过id 属性返回的对象p，然后进行相关处理。

关于元素节点的相关知识将在“文档结构模型(DOM)”章节中将详细讲解。

由于id 属性为HTML 4 新添加的属性，在老版本中得不到支持，而name 属性则支持新版本和老版本，最为可靠的方法就是同时设置name 属性和id 属性，并将它们设置为相同的值，然后通过相同的访问方法进行访问。如有下列表单：[code]

[/code]如果要访问MyForm 中的文本框MyText，可使用如下的方法：[code]document.MyForm.MyText[/code]通过id 属性和name 属性访问文档对象的方法，有利于文档对象的精确定位，同时从根本上解决了“通过对象位置访问文档对象”方法过于依赖文档结构的问题。