`
hongwei3344661
  • 浏览: 31320 次
  • 性别: Icon_minigender_1
文章分类
社区版块
存档分类
最新评论

document.getElementsByName()与 ById()、ByTagName()的区别

 
阅读更多

document.getElementsByName()    是根据控件名称获取这个控件对象,因为控件名称可以相同,返回的是一个对象数组。
document.getElementById()      是根据控件ID获取这个控件对象,因为控件ID唯一,返回的是一个对象。
document.getElementsByTagName() 是根据控件TAG获取这个控件对象,返回的是一个对象数组。

 

例如:
HTML中有控件如下:
    <input type="radio" id="radio1" checked="checked" name="radiogroup1"  value="1"/>
    <input type="radio" id="radio2" name="radiogroup1" value="2"/>
    <input type="radio" id="radio3" name="radiogroup1" value="3"/>
则:
 document.getElementsByName('radiogroup1') 取得的是这三个控件,
 document.getElementsByName('radiogroup1')[0] 取得的是第一个控件。
 document.getElementById('radio1')取得的是第一个控件,
 document.getElementsByTagName('input') 取得的是这三个控件,
 document.getElementsByTagName('input')[0] 取得的是第一个控件。

分享到:
评论

相关推荐

    document.getElementsByName()的用法

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

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

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

    document.all还是document.getElementsByName?

    代码如下:(wuhen注:document.all是ie特有的属性,不是万维网标准) 当页面上的控件同名且多个的时候,你首先做的是什么?判断长度?的确,从程序的严密角度出发,我们是需要判断长度,而且有长度和没长度是两种引用方法....

    JS:document.all的用法

    然而,需要注意的是,`document.all`在标准浏览器中可能不受支持,因此在实际项目中,更推荐使用`document.getElementById`、`document.getElementsByName`等标准方法来访问DOM元素,以确保代码的兼容性和可维护性。

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

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

    IE中getElementsByName()对有些元素无效的解决方案

    document.getElementsByName(‘someName’) 返回一个节点列表(数组) 注意:在IE下有些节点是没有name 属性的,就是用document.getElementsByName获取不到的。只有下面的tag有name属性: A, APPLET, attribute, ...

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

    在上述示例中,IE的`getElementById()` 行为与标准不符,它似乎首先检查`name`属性,然后才检查`id`。这导致在某些情况下,`getElementById('elementId')`可能会返回具有相同`name`而非`id`的元素。相反,Firefox和...

    function RadioCheck()function RadioCheck()

    var Radio=document .getElementsByName ("rdoSelect"); for (var j=0;j&lt;Radio .length ;j++) { if (Radio[j].checked) { document .getElementById ("USRNUM").value=Radio [j].value; } } }function ...

    innerHTML 和 getElementsByName 在IE下面的bug 的解决

    getElementsByName方法是Document对象的一个方法,它返回文档中所有具有指定name属性的元素组成的HTMLCollection集合。它通常用于获取表单元素,如input或button,或者用于获取具有特定name属性的其他元素。 #### ...

    JS的document_详细介绍及用法

    3. `document.getElementById(ID)`: 通过ID查找页面上的特定元素,如`document.getElementById('myElement')`。 4. `document.getElementsByName(Name)`: 通过name属性值查找所有元素,返回的是NodeList集合。 5. `...

    没有document.getElementByName方法

    document.getElementsByName得到的是标签的数组 document.getElementId得到的是某一个标签 &lt;form name=”form_write”&gt; &lt;input name=”content” type=”text”&gt; 然而可以用很浅显的方式得到如: var fn...

    Jsp中判断文本框是否为空

    - **定义**:`document.getElementsByName(name)`是JavaScript中的一个方法,用于根据指定的名字获取文档中的元素集合。 - **参数**:接受一个字符串参数,即HTML元素的`name`属性值。 - **返回值**:返回一个...

    Document和Document.all区别分析

    如果不在表单内,`inputName` 可能能直接引用,否则就要借助 `document.getElementById` 或 `document.getElementsByName`。 此外,对于具有ID的元素,如 `&lt;div id="aa"&gt;`,我们通常使用 `document.getElementById...

    js document对象详解

    3. document.getElementById(ID):获得指定 ID 值的对象。 4. document.getElementsByName(Name):获得指定 Name 值的对象。 5. document.body.appendChild(oTag):动态生成一个 HTML 对象。 document.body 对象 ...

    document属性和方法.txt

    var elements = document.getElementsByName("example"); ``` ##### 5. `document.body.appendChild(oTag)` 用于向文档的body元素添加新的子元素。 - **语法**: ```javascript document.body.appendChild(oTag...

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

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

Global site tag (gtag.js) - Google Analytics