`
ynduanlian
  • 浏览: 36394 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Javascript:getElementById 和getElementsByName方法的区别

 
阅读更多

以前一直没注意到这两个函数的区别:

getElementById返回的是一个对象,而getElementsByName返回的是一个对象数组。这是非常合理的,因为在一个文档中,同名的DOM对象可能有好几个,比如Radio对象,Name都是一样的,但ID不同(ID只能唯一)的DOM对象有好几个。

其实从getElementsByName函数也可以看出,Element后面有个s表示复数。

所以即使文档中name="someObject"的文档对象只有一个,要操作这个对象也必须这么写:

document.getElementsByName("someObject")[0].value=XXXX;

0
0
分享到:
评论

相关推荐

    document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementById

    这些方法各有其特性和适用场景,理解它们的区别对于编写高效且兼容性的JavaScript代码至关重要。 1. `document.all`: 这个属性是旧版Internet Explorer(IE4-IE8)特有的,它返回一个包含文档中所有元素的集合。`...

    document.all与getElementById、getElementsByName、getElementsByTagName用法区别-document.all第1/2页

    本文将深入探讨`document.all`与`getElementById`、`getElementsByName`、`getElementsByTagName`这四个方法的区别和用法。 1. `document.all` `document.all` 是一个数组集合,它包含了HTML文档中所有的元素,...

    JavaScript程序设计期末复习题答案.docx

    2. DOM 操作:getElementById、getElementsByName、location 对象的 href 属性、document 对象的 location 属性等。 3. 事件处理:onScroll 事件、onClick 事件、onChange 事件、onSelect 事件等。 4. JavaScript ...

    document.getElementsByName()的用法

    其中`document.getElementsByName()`与`document.getElementById()`是常用的两种方法,它们分别通过元素的`name`属性和`id`属性来选取元素。本文将详细介绍这两种方法的用法,并进行深入比较。 #### 一、document....

    WEB_javascript100道试题[整理].pdf

    22. 一些JavaScript函数和方法的误拼,如aler、wirit、prompt、bgcolor等。 23. 变量a的计算:`var a = 10; a *= 5;` 结果为50。 24. DOM方法,如getElementById和getElementsByName,分别用于获取ID唯一和名称...

    javascript getElementsByName()的用法说明

    getElementsByName() 是一个在JavaScript中用于获取具有相同名称的所有页面元素的数组的方法。本文将详细解释该方法的使用以及与之相关的其他几种DOM元素选择方法。 getElementsByName()方法用于获取具有指定name...

    javascript 的Document属性和方法集合

    JavaScript中的`Document`对象是浏览器窗口中的主要对象之一,它代表了整个HTML或XML文档,并提供了访问和操作文档的各种属性和方法。以下是一些主要的`Document`属性和方法的详细说明: 1. **属性** - `document....

    JavaScript中获取HTML元素值的三种方法

    JavaScript中取得元素的方法有三种:分别是: 1、getElementById() 方法:通过id取得HTML元素。 2、getElementsByName()方法:通过name取得元素,是一个数组。 3、getElementsByTagName()方法:通过HTML标签取得元素...

    javascript 常用的属性与方法

    本篇文章主要聚焦于JavaScript中的一些常用属性和方法,特别是针对文档对象模型(DOM)的操作。 1. **document对象**:作为JavaScript中的全局对象,它代表了整个HTML或XML文档。例如,`document.title`用于设置或...

    JavaScript的DOM查询.pdf

    除了上述的节点属性和方法外,文档对象模型还提供了其他操作节点的方法,比如读取和设置节点的value属性值、文本值,获取页面中的body标签、html的根标签,获取页面中所有元素,查询某个class标签的数量,以及查询...

    Document:getElementsByName()使用方法及示例

    `getElementsByName()` 是在 JavaScript 中操作网页 DOM(文档对象模型)的一个重要方法,它允许开发者根据元素的 `name` 属性来查找并获取一组相关的元素。这个方法主要用于 HTML 文档,尤其是处理表单数据时非常...

    JavaScript 中 doucment 的常用方法

    下面将详细介绍`document`对象的一些关键属性和方法。 ### 一、基本属性 1. **`document.title`**:此属性用于获取或设置HTML文档的标题,即`<title>`标签内的文本。 2. **`document.bgColor`**:设置或返回文档...

    JavaScript — 原生对象和方法1

    在本篇文章中,我们将深入探讨JavaScript中的原生对象和方法,特别是与DOM操作相关的部分。 首先,`documentElement` 是一个属性,用于获取HTML文档的根元素,通常是`<html>`标签。它是`document`对象的一部分,...

    JavaScript的document方法汇总

    ### JavaScript的document方法汇总 在Web开发中,`document`对象是浏览器提供的核心对象之一,它代表当前加载的HTML文档,并提供了与文档交互的各种方法和属性。本文将详细介绍`document`对象的一些常用方法及其...

    javascript笔记 超级详细 入门

    根据提供的文件信息,我们可以整理出一系列关于JavaScript的基础知识点,这些知识点特别适合初学者入门学习。 ### JavaScript基础概念 **JavaScript**是一种广泛使用的编程语言,它主要用于网页开发,为静态的HTML...

    javascript在firefox与ie下的兼容性总结

    JavaScript在Firefox和IE之间的兼容性问题一直是前端开发者面临的一大挑战。由于这两个浏览器内核的不同,导致在处理某些JavaScript特性时存在差异。以下是一些常见的兼容性问题及其解决方案: 1. **Document.form....

Global site tag (gtag.js) - Google Analytics