`
ynduanlian
  • 浏览: 35407 次
  • 性别: 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
分享到:
评论

相关推荐

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

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

    JavaScript面试题和答案

    40.数组的join方法和字符串的split方法的作用是什么 (2分) join()把数组中的所有元素放入一个字符串中 参数separator默认逗号为分隔符 split() 将一个字符串分割为子字符串,将结果作为字符串数组返回,若字符串中...

    javascript DOM Element方法和属性

    DOM Element常用方法和属性,如getElementByID(id)、getElementsByName(name)等等

    程序员常用代码小技巧_javascript.doc

    在实际开发中,程序员经常需要使用一些小技巧来提高开发效率和解决一些常见的问题。下面是JavaScript常用代码小技巧的总结: 事件处理 * 事件源对象:`event.srcElement.tagName`、`event.srcElement.type` * 捕获...

    MonsterJS:MonsterJS-一个用于在玩游戏时学习JavaScript DOM选择器的游戏!

    该游戏介绍了如何使用预定义JavaScript函数访问HTML网页中的DOM三个元素,并说明了它们之间的区别: getElementById(), GetElementsByTagName(), getElementsByClassName(), getElementsByName(), ...

    JavaScript笔记

    JavaScript:定义行为和动作 (基于对象和事件驱动的客户端脚本语言;也是一种广泛应用于客户端Web开发的脚本语言) 基于对象:网页中的一切元素都是假象!不需要new,即可直接使用 事件驱动:JavaScript的执行都是...

    Javascript数组操作高级心得整理

    (1) JavaScript对象也是有属性和方法的 15  对象属性的使用 15  对象方法的使用 15 (2) 对象的定义与实例化 15 (3) 对象的作用域 16  JavaScript对象只有公用作用域 16  JavaScript对象没有静态作用域 16 ...

    JavaScript DOM节点操作方法总结

    节点类型主要有三种:元素节点,属性节点和文本节点。 而对DOM的主要也就是围绕元素节点和属性节点的增删改查。下面就分别从对元素节点的操作和对属性节点的操作来介绍。 元素节点 查 在对DOM进行增删改之前,首先...

    javaScript对象

    4. 使用history和location对象的相关属性和方法可以轻松的实现游览器中“后退”、“前进”和“刷新”按钮的功能 5. Document对象的getElementById()方法用于访问唯一的元素 6. Document对象的getElementsByName()...

    Javascript访问html页面的控件的方法详细分析第1/2页

     document.getElementsByName 3 document.getElementsByTagName 4 document.all 下面我主要谈谈以上几个方法的具体用法: 一.首先我来谈谈document.getElementById的用法。 Var obj=document.getElementById

    JavaScript权威指南

    JavaScript权威指南 犀牛书 Chapter 1. Introduction to JavaScript Section 1.1. JavaScript Myths Section 1.2. Versions of JavaScript Section 1.3. Client-Side JavaScript Section 1.4. JavaScript ...

    javascript引用对象的方法代码

    JavaScript 引用对象的方法代码详解 在 JavaScript 中,引用对象的方法...JavaScript 中有多种方式可以获取元素对象引用,每种方法都有其特点和应用场景,灵活运用这些方法可以帮助开发者更好地实现页面中的交互效果。

    javascript基础之查找元素的详细介绍(访问节点)

    DOM定义了多种查找元素的方法,除了我们常用的getElementById(),还有getElementsByTagName()和getElementsByName()。使用这几种方法方法我们可以查找html文档中的任意html元素。getElementById()首先来看下...

    JavaScript中 DOM操作方法小结

    document.getElementById() 根据id选择器找,最多找一个; document.getElementsByName() 根据name找,找出的是数组;  document.getElementsByclassName() 根据类选择器找,找出的也是数组; document....

    JavaScript获取当前页面上的指定对象示例代码

    方法如下: 代码如下: document.getElementById(ID) //获得指定ID值的对象 document.getElementsByName(Name) //获得指定Name值的对象数组 document.all[] //很智能的东东 不过非WEB标准 document....

    了解JavaScript中的选择器

    .getElementById(“id”)id选择器; .getElementsByName(“name”)name选择器; .getElementsByTagName(“tagname”)tag标签名选择器; .getElementsByClassName(“.classname”).class名选择器 示例代码: <!...

    javascript DOM实用学习资料第1/3页

    访问指定节点: getElementsByName(): DOM技术 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] DOM技术 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] getElementById(): [Ctrl+A 全选 ...

    解决 firefox 不支持 document.all的方法

    这将返回一个元素对象,你可以访问它的属性和方法。 解决 Firefox 不支持 document.all 的问题可以使用 getElementsByTagName() 方法或其他方法来获取元素。这些方法可以帮助我们更好地控制元素,并且提高 Web 应用...

    javascript 复选框选择/全选后特效

    现在,我们可以使用 JavaScript 来实现复选框的选择和全选功能。下面是一个简单的示例: ```javascript // 获取所有复选框 var chkAll = document.getElementById('chkAll'); var chkBoxes = document....

    JavaScript获取页面上某个元素的代码

    W3C标准推荐的语法是通过document文档对象获取DOM树内的内的某个元素,常见的方法有getElementById()、getElementsByName()、getElementsByTagName(),他们的作用分别通过id属性、name属性/标签名称返回单个...

Global site tag (gtag.js) - Google Analytics