`
ynduanlian
  • 浏览: 35162 次
  • 性别: 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)等等

    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基础之查找元素的详细介绍(访问节点)

    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 全选 ...

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

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

    了解javascript中的Dom操作

    1.文本节点和属性结点都看作元素结点的子结点 2.我们一般所说的结点指的就是元素结点,将html标签看作是一个对象,并用“结点”称呼它 3.结点的关系有:父子关系、兄弟关系 1.获取元素结点 1)直接获取 ① document...

    下拉复选框,提供方便的操作

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> ; charset=GBK" /> <title>Untitled Document div{ padding:0px; font-size:12px;... <input value...

    js使用小技巧

    Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...

    详解JS获取HTML DOM元素的8种方法

    我们用JavaScript对网页进行的所有操作都是通过DOM进行的。 这篇文章不做深入研究,只把各种用法和坑做一个总结。 JS获取DOM元素的方法(8种) 通过ID获取(getElementById) 通过name属性(getElementsByName) ...

Global site tag (gtag.js) - Google Analytics