`

document的getElementById()与getElementsByName()方法

阅读更多
getElementById("xxx")  返回第一个id属性为"xxx"或者特定表单元素name为 "xxx"的元素
getElementsByName("xxx")  返回所有id属性为 "xxx"或者特定表单元素name为"xxx"的元素

其实getElementById和getElementsByName取元素的范围是一样的
区别只是前者只返回第一个元素,后者返回所有元素的集合

表单元素指的是在<FORM> 标签中数据可以被提交给服务器的标签
主要有 <INPUT>、<SELECT>、<TEXTAREA>三个标签
这三个标签只有在name属性不为空的时候才能将数据提交给服务器,所以这三种标签多定义了一个name属性,其实这个name属性和id属性是完全一样的都可以定位元素

如果不是表单元素,就算你加了name属性,getElementsByName也取不到
分享到:
评论

相关推荐

    document.getElementsByName()的用法

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

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

    在HTML文档对象模型(DOM)中,有三种主要方法用于查找HTML元素:`document.all`,`getElementById()`,`getElementsByName()` 和 `getElementsByTagName()`。这些方法各有其特性和适用场景,理解它们的区别对于编写...

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

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

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

    ^) 但是对于document.getElementsByName 与document.getElementById 这个两个方法,IE中是并没有严格区分 ID 与 Name 的,比如: [removed] function useGetElementsByNameWithId(id) { var eles = d

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

    `Document:getElementsByName()` 是一个在JavaScript中广泛使用的DOM(Document Object Model)方法,它允许开发者根据元素的`name`属性来查找并返回一个包含所有匹配元素的NodeList集合。这个方法对于处理HTML表单...

    JavaScript的document方法汇总

    - `document.getElementsByName(Name)`:根据name属性获取一组元素。 4. **`document.body`相关属性**: - `document.body`:获取文档的`&lt;body&gt;`元素。 - `document.body.bgColor`:获取或设置`&lt;body&gt;`的背景...

    document属性和方法.txt

    ### Document属性和方法详解 #### 一、Document对象概述 `Document`对象是浏览器中一个非常重要的对象,它表示整个HTML文档。通过`Document`对象,开发者可以访问页面中的所有元素,实现对网页内容的动态操作。下面...

    javascript 的Document属性和方法集合

    - `document.location`: 提供了与当前页面URL相关的属性和方法。 - `document.location.hash`: 获取或设置URL中#号后面的部分,常用于锚点定位。 - `document.location.host`: 包含域名和端口号。 - `document....

    js document对象详解

    4. document.getElementsByName(Name):获得指定 Name 值的对象。 5. document.body.appendChild(oTag):动态生成一个 HTML 对象。 document.body 对象 document.body 对象是 document 对象的子对象,指定文档主体...

    JavaScript中document用法小结

    4. `document.getElementsByName(Name)`: 获得指定 Name 值的对象。 images 集合 1. 通过集合引用代码:`document.images` 对应页面上的 `&lt;img&gt;` 标签。 2. 通过集合长度获取图片个数:`document.images.length`。...

    DOCUMENT的对象操作

    - `document.getElementsByName(Name)`: 根据Name属性找到所有相关元素的集合。 - `document.body.appendChild(oTag)`: 将一个元素添加到body元素的末尾,实现动态添加HTML元素。 3. **集合与对象**: - `all`: ...

    JS的document_详细介绍及用法

    此外,`document`对象还有许多其他属性和方法,如`document.forms`用于访问表单,`document.images`用于访问图像,以及`document.getElementsByName()`和`getElementsByTagName()`方法用于按名称或标签名查找元素。...

    document 文挡对象详解

    - `document.getElementsByName()`:根据元素的name属性查找元素集合。 - `document.getElementById()`:在表单元素上同样适用,可以快速定位表单元素。 8. **XMLHttpRequest(Ajax)** - `document....

    js技术中document对象技术汇总

    `document.writeln()` 方法与`document.write()`类似,但其会在字符串末尾添加一个换行符。 - **语法**: ```javascript document.writeln(str); ``` - `str`:是要插入到文档中的文本或HTML代码。 **示例**...

    document对象总结

    ### Document对象总结与属性方法详解 在Web开发中,`Document`对象是浏览器解析HTML文档后形成的一个核心对象,它代表了整个HTML页面,并提供了访问和操作页面元素的方法和属性。下面将对`Document`对象的属性和...

Global site tag (gtag.js) - Google Analytics