`

getElementById,getElementsByName,getElementsByTagName用法

阅读更多
  getElementById(), getElementsByName(), and getElementsByTagName()访问DOCUMENT中的任一个标签:
1、getElementById()
  getElementById()可以访问DOCUMENT中的某一特定元素,顾名思义,就是通过ID来取得元素,所以只能访问设置了ID的元素。
     比如说有一个DIV的ID为docid:
程序代码
<div id="docid"></div>

那么就可以用getElementById("docid")来获得这个元素。

2、getElementsByName()
     这个是通过NAME来获得元素,但不知大家注意没有,这个是GET ELEMENTS,复数ELEMENTS代表获得的不是一个元素,为什么呢?
     因为DOCUMENT中每一个元素的ID是唯一的,但NAME却可以重复。打个比喻就像人的身份证号是唯一的(理论上,虽然现实中有重复),但名字重复的却很多。如果一个文档
中有两个以上的标签NAME相同,那么getElementsByName()就可以取得这些元素组成一个数组。
    比如有两个DIV:
程序代码
<div name="docname" id="docid1"></div>
<div name="docname" id="docid2"></div>
那么可以用getElementsByName("docname")获得这两个DIV,用getElementsByName("docname")[0]访问第一个DIV,用getElementsByName("docname")[1]访问第二个DIV。

3、getElementsByTagName()
这个呢就是通过TAGNAME(标签名称)来获得元素,一个DOCUMENT中当然会有相同的标签,所以这个方法也是取得一个数组。
下面这个例子有两个DIV,可以用getElementsByTagName("div")来访问它们,用getElementsByTagName("div")[0]访问第一个DIV,用
getElementsByTagName("div")[1]访问第二个DIV。
总结一下标准DOM,访问某一特定元素尽量用标准的getElementById(),访问标签用标准的getElementByTagName(),但IE不支持getElementsByName(),所以就要避免使用
getElementsByName(),但getElementsByName()和不符合标准的document.all[]也不是全无是处,它们有自己的方便之处,用不用那就看网站的用户使用什么浏览器,由你自己
决定了。
2
4
分享到:
评论

相关推荐

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

    HTML DOM 定义了多种查找元素的方法,除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName()。

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

    Document.all[]是文档中所有标签组成的一个数组变量,包括了文档对象中所有元素

    js选择器全面解析

    原生JS选择器有getElementById、getElementsByName、getElementsByTagName和getElementsByClassName这四个,下面我就一个一个介绍这四个选择器的用法。 1.getElementById(通过ID获取元素) 用法:document....

    getElementByID、createElement、appendChild几个DHTML元素第1/2页

    WEB标准下可以通过getElementById(), getElementsByName(), and getElementsByTagName()访问

    常见的原始JS选择器使用方法总结

    常见的原始JS选择器有getElementById,getElementsByName,getElementsByTagName,就使用上为大家总结下

    javaScript对象

    5. Document对象的getElementById()方法用于访问唯一的元素 6. Document对象的getElementsByName()方法用于访问相同name属性的一组元素 7. Document.对象的getElementsByTagName()方法用于访问相同标签的一组元素:: ...

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

    2、getElementsByName()方法:通过name取得元素,是一个数组。 3、getElementsByTagName()方法:通过HTML标签取得元素,是一个数组。 如果要取得值可以使用value,如:var x=document.getElementById(“id”).value;...

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

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

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

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

    精易web浏览器填表模块-易语言

    本程序内部已经集合“getElementById,getElementsByClassName,getElementsByTagName,getElementsByName,querySelectorAll,XPath,All,expression,coordinates”等多种选择器定位元素,例程中使用的最多的便是Selector...

    JS简单实现获取元素的封装操作示例

    本文实例讲述了JS简单实现获取元素的封装操作。分享给大家供大家参考,具体如下: JS封装获取元素 js的获取元素: ID:document.getElementById();...使用方法: $(id) /$(tagname)[0] 2. 对象写法: var Base={ ge

    浅析JS操作DOM的一些常用方法

    getElementById(): 获取有指定惟一ID属性值文档中的元素 getElementsByName(name): 返回的是数组 getElementsByTagName(): 返回具有指定标签名的元素子元素集合 getAttribute(): 返回指定属性名的属性值 document....

    js查找节点的方法小结

    3. 在表单中使用,根据表单name来查找 代码如下:document.getElementsByName(); 特别说明:目前,部分浏览器已经将getElementsByName扩展到其它元素节点,即div/p…等标签如果有name属性,同样也可以

    JavaScript面试题和答案

    var inputs = document.getElementsByTagName("input"); for( var i = 0 ; inputs.length ; inputs++ ) { if(inputs[i].type == "text" ) { inputs[i].value = ""; } } 28.JS中用什么方法去读取DIV标记的...

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

    这篇文章不做深入研究,只把各种用法和坑做一个总结。 JS获取DOM元素的方法(8种) 通过ID获取(getElementById) 通过name属性(getElementsByName) 通过标签名(getElementsByTagName) 通过类名...

    JS选取DOM元素常见操作方法实例分析

    注意:原生JS选取DOM元素比使用jQuery类库选取要快很多 1、通过ID选取元素 document.getElementById('myid'); 2、通过CLASS选取元素 document.getElementsByClassName('myclass')[0]; 3、通过标签选取元素 ...

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

     docunment.getElementsByName(“name”);根据name找,找出来的是数组;  docunment.getElementsByTagName(“name”);根据标签名找,找出来的是数组;  docunment.getElementsByClassName(“name”) 根据...

Global site tag (gtag.js) - Google Analytics