获取表单对象,得三种方法getElementById(), getElementsByName(), and getElementsByTagName() 和用法

简介:
今天碰到了翻页不好用的问题,检查一下发现没有表单,加上去就好了,发现获取某个对象值的方法有很多,但是使用哪一个才是正规的途径那,问了同事,得出结论如下:
  document.表单名称.对象名称.属性值   这种方式IE支持 第三方的可能不支持,建议使用 getElementById(), getElementsByName(), and getElementsByTagName() 这几个方

法,需要注意得是getElementsByName()取出得是个数组.

网上,我查找了相关得资料,提供出来供大家参考:

Most third-party browsers are “strict standards” implementations, meaning that they implement W3C and ECMA standards and ignore most of the proprietary

object models of Internet Explorer and Netscape.If the demographic for your Web site includes users likely to use less common browsers, such as Linux

aficionados, it might be a good idea to avoid IE-specific features and use the W3C DOM instead. by Internet Explorer 6, we see that IE implements

significant portions of the W3C DOM.

  这段话的意思是大多数第三方浏览器只支持W3C的DOM,如果你的网站用户使用其他的浏览器,那么你最好避免使用IE的私有属性。而且IE6也开始支持W3C DOM。

  毕竟大多数人还不了解标准,在使用标准前,你还可以在你的网页中用document.all[]访问文档对象前面写到WEB标准,今天继续WEB标准下可以通过getElementById(),

getElementsByName(), and getElementsByTagName()访问DOCUMENT中的任一个标签:


1、getElementById()

  getElementById()可以访问DOCUMENT中的某一特定元素,顾名思义,就是通过ID来取得元素,所以只能访问设置了ID的元素。

  比如说有一个DIV的ID为docid:

 程序代码
<div id="docid"></div>

那么就可以用getElementById("docid")来获得这个元素。

2、getElementsByName()

  这个是通过NAME来获得元素,但不知大家注意没有,这个是GET ELEMENTS,复数ELEMENTS代表获得的不是一个元素,为什么呢?

  因为DOCUMENT中每一个元素的ID是唯一的,但NAME却可以重复。打个比喻就像人的身份证号是唯一的(理论上,虽然现实中有重复),但名字重复的却很多。如果一个文档

中有两个以上的标签NAME相同,那么getElementsByName()就可以取得这些元素组成一个数组。

  比如有两个DIV:
 程序代码
<div name="docname" id="docid1"></div>
<div name="docname" id="docid2"></div>

那么可以用getElementsByName("docname")获得这两个DIV,用getElementsByName("docname")[0]访问第一个DIV,用getElementsByName("docname")[1]访问第二个DIV。

3、getElementsByTagName()

  这个呢就是通过TAGNAME(标签名称)来获得元素,一个DOCUMENT中当然会有相同的标签,所以这个方法也是取得一个数组。

  下面这个例子有两个DIV,可以用getElementsByTagName("div")来访问它们,用getElementsByTagName("div")[0]访问第一个DIV,用

getElementsByTagName("div")[1]访问第二个DIV。


总结一下标准DOM,访问某一特定元素尽量用标准的getElementById(),访问标签用标准的getElementByTagName(),但IE不支持getElementsByName(),所以就要避免使用

getElementsByName(),但getElementsByName()和不符合标准的document.all[]也不是全无是处,它们有自己的方便之处,用不用那就看网站的用户使用什么浏览器,由你自己

决定了。
 

分类:  Javascript

本文转自快乐就好博客园博客,原文链接:http://www.cnblogs.com/happyday56/archive/2008/01/15/1039866.html,如需转载请自行联系原作者
相关文章
|
6月前
|
JSON JavaScript 前端开发
81jqGrid - 多个汇总值
81jqGrid - 多个汇总值
15 0
|
6月前
|
JavaScript 前端开发 Java
17jqGrid - 表格数据GET类方法
17jqGrid - 表格数据GET类方法
19 0
|
6月前
|
JavaScript 前端开发 Java
18jqGrid - 表格数据SET类方法
18jqGrid - 表格数据SET类方法
22 0
|
8月前
|
JavaScript
原生js生成唯一id方法
原生js生成唯一id方法
76 0
通过属性选择器获取表单对象
通过一个简单的联系表单,通过表单对象属性选择器获取表单对象。
53 0
|
JavaScript
javascrip通过id获取标签案例
javascrip通过id获取标签案例
68 0
|
JavaScript 前端开发 Python
一文解读JavaScript事件对象和表单对象
一文解读JavaScript事件对象和表单对象
一文解读JavaScript事件对象和表单对象