`
hereson
  • 浏览: 1430362 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

javascript中getElementById与getElementsByName的不同

阅读更多
getElementById(参数)---根据页面项目的id,取得该对象,对象是唯一的。getElementsByName(参数)---根据页面项目的名字,取得对象集合。由上面的说明可以得知,在使用此两个函数后,由于得到的对象一个是集合,一个不是集合,所以此后的处理也不相同:对于集合,必须指定集合中的确定单元项目。例子如下:遍历某一表单,取得该表单元素
//getElementById的例子
var obj = getElementById(par_obj_id);
var strElements = "";
for (i=0;i<obj.elements.length;i++)
{  
strElements+ = "&" + obj.elements[i].name + "=" + obj.elements[i].value;
}
alert(strElements);
//getElementsByName的例子
//由于得到的是表单集合(虽然本例中只有一个表单),所以在使用时需要objs[0]这样的形式
var objs = getElementsByName(par_objs_name);
var strElements = "";
for (i=0;i<objs[0].elements.length;i++) {
   strElements+ = "&" + objs[0].elements[i].name + "=" + objs[0].elements[i].value;}alert(strElements);
分享到:
评论

相关推荐

    JavaScript面试题和答案

    evel函数可以接受一个字符串作为参数,并把此字符串当做一段javascript代码去执行,如果字符串执行结果是一个值则返回此值,否则返回undefined。如果参数不是一个字符串,则直接返回该参数 40.数组的join方法和字符...

    Javascript数组操作高级心得整理

    (2) 把JavaScript代码放到HTML页面不同的位置 4  把JavaScript代码放到HTML&lt;body&gt;部分 4  把JavaScript代码放到HTML&lt;head&gt;部分 4  示例代码 4 2. JavaScript语句与注释 5 (1) JavaScript语句结束...

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

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

    javascript DOM Element方法和属性

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

    了解JavaScript中的选择器

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

    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对象

    3. 使用定义函数与Dote()对象可以制作时钟特效 4. 使用history和location对象的相关属性和方法可以轻松的实现游览器中“后退”、“前进”和“刷新”按钮的功能 5. Document对象的getElementById()方法用于访问唯一的...

    JavaScript中 DOM操作方法小结

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

    JavaScript笔记

    [removed]标签:页面中专门集中编写JavaScript的区域 js的方法定义:function方法名([参数列表]){ 方法体 [return 返回值] } 注意:js中的方法可以直接写在代码中,不需要“类”包裹 使用方法:方法名()--&gt;...

    了解javascript中的Dom操作

    结点的概念:整个文档就是由层次不同的多个节点组成,可以说结点代表了全部内容。 结点类型 1.元素结点 2.属性结点 3.文本结点 结点的注意点: 1.文本节点和属性结点都看作元素结点的子结点 2.我们一般所说的...

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

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

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

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

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

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

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

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

    javascript 全选与全取消功能的实现代码

    代码如下: &lt;... &lt;head&gt; &lt;... [removed] function selectAll() { var allCheckBoxs = document.getElementsByName(“coffee”); var desc = document.getElementById(“like”); if(desc.va

    JavaScript——DOM操作——Window.document对象详解

    将找到的元素放在变量中;  docunment.getElementsByName(“name”);根据name找,找出来的是数组;  docunment.getElementsByTagName(“name”);根据标签名找,找出来的是数组;  docunment....

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

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

    JavaScript DOM节点操作方法总结

    节点类型主要有三种:元素节点,属性节点和文本节点。 而对DOM的主要也就是... getElementsByName() // 得到节点数组 NodeList 同时还可以利用元素节点的属性获取它的父子节点和文本节点: 子节点   Node.childNo

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

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

    html中的javascript 全选/取消全选操作示例代码

    复制代码代码如下: &lt;... &lt;head&gt; &lt;... charset=gb2312″ /&gt; &lt;title&gt;无标题文档&lt;/title&gt; [removed] function selectAllDels() { var allCheckBoxs =... var desc = document.getElementById(“allCh

Global site tag (gtag.js) - Google Analytics