`
hereson
  • 浏览: 1454054 次
  • 性别: 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);
分享到:
评论

相关推荐

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

    总的来说,理解这些方法的工作原理以及它们在不同浏览器中的行为差异,可以帮助开发者编写出更健壮、更兼容的JavaScript代码。在实际项目中,还应该利用条件注释、特性检测或其他策略来处理浏览器间的差异,以确保...

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

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

    document.getElementsByName()的用法

    `document.getElementsByName()`和`document.getElementById()`都是强大的工具,用于在JavaScript中操纵HTML文档。选择哪种方法取决于具体的应用场景:如果你需要访问具有特定`id`的单一元素,那么`document....

    javascript getElementsByName()的用法说明

    getElementsByName() 方法与getElementById()方法不同,后者是用于获取具有特定ID的单个元素。请注意,尽管它们听起来相似,但它们的行为是不同的。getElementById()只返回一个元素,因为它假定ID是唯一的标识符,而...

    document.getElementsByName和document.getElementById 在IE与FF中不同实现

    本文将探讨`document.getElementsByName`和`document.getElementById`这两个DOM操作方法在Internet Explorer(IE)与Firefox(FF)中的不同实现,以及这对开发者的影响。 `document.getElementsByName`这个方法是...

    WEB_javascript100道试题[整理].pdf

    17. if语句:JavaScript中的条件语句,用于根据条件执行不同代码。 18. JavaScript中的循环结构,如for、while、do...while等。 19. DOM(Document Object Model):HTML和XML文档的树状结构,JavaScript可以用来...

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

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

    javascript笔记 超级详细 入门

    根据提供的文件信息,我们可以...通过以上知识点的学习,初学者可以建立起对JavaScript的基本认识,并掌握如何在网页中使用JavaScript进行简单的动态效果实现。随着实践的深入,还可以进一步探索更高级的特性和技术。

    javascript在IE和Firefox中兼容性问题

    ### JavaScript在IE与Firefox中的兼容性问题详析 在Web开发中,JavaScript是实现动态交互效果的核心技术之一。然而,由于历史原因和技术演进的差异,不同浏览器对JavaScript的支持程度和解析方式存在显著区别,尤其...

    在javascript中对于DOM的加强

    文章中主要介绍了在JavaScript中对于DOM(文档对象模型)的加强使用方法。DOM是W3C组织推荐的标准,它定义了访问和操作HTML或XML文档的标准方法。它允许程序和脚本动态地访问和更新文档的内容、结构和样式。本文将...

    JavaScript程序设计——页面设置与表单验证实验报告.docx

    在JavaScript中,可以使用`document.getElementById()`、`document.getElementsByName()`等方法获取表单元素,然后通过这些元素的属性来读取或修改它们的值。例如,检查邮箱是否为空或格式是否正确,可以通过`value`...

    javascript 常用的属性与方法

    3. **时间戳属性**:`document.fileCreatedDate`和`document.fileModifiedDate`提供文件的创建日期和最后修改日期,但要注意,这些属性在不同浏览器中的支持情况可能不同,且大多数情况下是只读的。 4. **cookie...

    火狐和IE支持javaScript脚本的一些区别

    标题与描述均提到了“火狐和IE支持javaScript脚本的一些区别”,这明确指出了文章将探讨在Mozilla Firefox和Internet Explorer(IE)浏览器中JavaScript脚本的不同支持情况。以下是对给定文件中提及的各个知识点的...

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

    由于这两个浏览器内核的不同,导致在处理某些JavaScript特性时存在差异。以下是一些常见的兼容性问题及其解决方案: 1. **Document.form.item 问题** - 问题描述:在IE中,可以通过`document.formName.item(...

    JavaScript复选框相关函数

    下面我们将深入探讨与复选框相关的JavaScript函数以及如何实现全选和全不选的功能。 一、HTML中的复选框 在HTML中,复选框是通过`&lt;input&gt;`标签创建的,类型设置为"checkbox"。例如: ```html ``` 二、JavaScript...

    JavaScript语法基础.rar

    在"JavaScript语法基础.rar"这个压缩包中,包含了多个章节,涵盖了JavaScript的基础知识,包括数据类型和变量、String对象、Math对象、数组与Array对象、Form对象、数据库访问、条件和循环语句、Window对象、文件...

    JavaScript中一些常用的小技巧

    12. 查找对象:`document.getElementsByName("r1")` 用于选取具有指定名称的元素集合,`document.getElementById(id)` 则用于选取ID为指定值的元素。 13. 定时器:`timer = setInterval('scrollwindow()', delay);`...

    JavaScript获取网页表单action属性的方法

    在JavaScript中,我们可以通过多种方式获取表单的action属性值。一种简单直接的方法是通过表单的id来获取该表单元素,然后访问其action属性。以下是一个JavaScript代码示例,演示了如何输出表单的action属性值: ``...

    JavaScript中的DOM

    通过DOM API,我们可以使用getElementById()和getElementsByName()方法来访问文档中的元素。前者根据唯一ID获取元素,后者则根据名称获取所有匹配的元素。ID在文档中必须唯一,而Name可以重复。 4.4 节点关系 节点...

Global site tag (gtag.js) - Google Analytics