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[]也不是全无是处,它们有自己的方便之处,用不用那就看网站的用户使用什么浏览器,由你自己
决定了
分享到:
相关推荐
在HTML文档对象模型(DOM)中,有三种主要方法用于查找HTML元素:`document.all`,`getElementById()`,`getElementsByName()` 和 `getElementsByTagName()`。这些方法各有其特性和适用场景,理解它们的区别对于编写...
本文将深入探讨`document.all`与`getElementById`、`getElementsByName`、`getElementsByTagName`这四个方法的区别和用法。 1. `document.all` `document.all` 是一个数组集合,它包含了HTML文档中所有的元素,...
为了获取这个表单的名称,使用了JavaScript的document.getElementById方法,这个方法根据元素的id属性返回对应的DOM对象。在这个例子中,表单元素的id被设置为"frm1",所以document.getElementById("frm1")就能够...
现在更推荐使用具有唯一性的ID属性,并用document.getElementById()来获取单个元素,或者使用querySelector()和querySelectorAll()这些更现代的方法来获取元素,这些方法允许通过CSS选择器来获取元素,提供更大的...
我们同样可以使用document.getElementById()、document.getElementsByName()和document.getElementsByTagName()来直接获取表单内部的元素。同时,我们也可以通过表单对象的elements属性来获取表单里所有元素的集合。...
3. **通过name属性获取元素集合**:对于表单元素,我们可以使用`getElementsByName()`获取具有特定name属性的元素集合。例如: ```javascript var gender = document.getElementsByName("gender"); ``` 这将返回...
本篇文章将详细讲解`document`对象的一些基础用法,包括直接和间接获取页面元素的方法。 1. **直接获取对象** - `getElementById()`:通过元素的ID获取特定元素。例如: ```javascript var element = document....
本篇将详细讲解DOM中的三个核心方法:`getElementById`、`getElementsByTagName`以及`getElementsByName`,这些都是JavaScript与网页元素交互时常用的方法。 首先,`getElementById`是DOM中查找特定ID元素的最直接...
3. 根据name获取:使用`document.getElementsByName('name')`,常用于获取表单元素,返回的集合同样是一个动态集合,包含所有name属性匹配的元素。 除了获取元素外,DOM还允许我们操作元素,例如改变其内容、样式、...
通常情况下,可以使用document.getElementById()、document.getElementsByName()或document.getElementsByTagName()等方法来获取到单选按钮的元素集合。 接下来,就可以开始编写用于验证单选按钮的JavaScript函数了...
在需要将表单数据发送到服务器时,我们可以使用`FormData`对象进行序列化: ```javascript var formData = new FormData(form); // 添加额外字段 formData.append('key', 'value'); // 发送请求 fetch(url, { ...
`do_check()`函数展示了如何使用`getElementById()`和`getElementsByName()`来获取并操作这些元素。当用户点击"获取指定对象"按钮时,`onclick`事件会触发`do_check()`函数,演示了如何获取和显示元素的值。 总的来...
`getElementsByName()` 是在 JavaScript 中操作网页 DOM(文档对象模型)的一个重要方法,它允许开发者根据元素的 `name` 属性来查找并获取一组相关的元素。这个方法主要用于 HTML 文档,尤其是处理表单数据时非常...
本文将深入探讨Document对象的主要属性、方法和事件,以及它们在实际应用中的作用。 1. **Document对象的基本属性** - `document.URL`:返回当前页面的URL。 - `document.documentURI`:同`URL`,返回文档的URI。...
- `getElementsByName`: 通过名称获取指定对象。 - `getElementsByTagName`: 通过HTML标签名获取对象。 `window`对象是JavaScript的顶级对象,它不是其他对象的属性,而是代表浏览器的窗口本身。`window`对象也有...
此方法可能会返回多个具有相同名称的元素,适合处理像表单中的复选框或单选按钮这样的情况。 - **示例**: ```javascript var elements = document.getElementsByName("myCheckbox"); ``` - **应用场景**:例如...
IE中`parentNode`和`childNodes`的使用与Firefox基本一致,但在处理子节点集合时,Firefox提供了更强大的`getElementsByTagName`方法,而IE中的`childNodes`可能包含文本节点和其他非元素节点,这在处理时需额外注意...
浏览器对象模型(BOM),是JavaScript语言中的一种对象模型,它提供了浏览器对象的信息和操作方法。通过BOM,可以获取当前浏览器对象上的一系列内容,并实现各种功能。 BOM的功能 1. 打开和关闭网页 2. 获取当前...
引用类型包括对象(Object),其中数组(Array)和对象(Object)是复合数据类型。 2. 操作和方法: - `setTimeout`函数用于在指定时间后执行某个函数或代码块。 - `indexOf`方法用于在字符串中查找子字符串首次出现的...