`
java虫
  • 浏览: 532688 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

getElementById与getElementsByName 与getElementsByTagName总结

阅读更多
1.getElementById
作用:一般页面里ID是唯一的,用于准备定为一个元素
语法: document.getElementById(id)
参数:id :必选项为字符串(String)
返回值:对象; 返回相同id对象中的第一个,按在页面中出现的次序,如果无符合条件的对象,则返回 null
example:document.getElementById("id1").value;


2.getElementsByName
作用:按元素的名称查找,返回一个同名元素的数组
语法: document.getElementsByName(name)
参数:name :必选项为字符串(String)
返回值:数组对象; 如果无符合条件的对象,则返回空数组,按在页面中出现的次序
example:document.getElementsByName("name1")[0].value;
document.getElementsByName("name1")[1].value;


3.getElementsByTagName
作用:按HTML标签名查询,返回一个相同标签元素的数组
语法: object.getElementsByTagName(tagname) object可以是document或event.srcElement.parentElement等
参数:tagname:必选项为字符串(String),根据HTML标签检索。
返回值:数组对象; 如果无符合条件的对象,则返回空数组,按在页面中出现的次序
example:document.getElementsByTagName("p")[0].childNodes[0].nodeValue;
document.getElementsByTagName("p")[1].childNodes[0].nodeValue
分享到:
评论
1 楼 oliavn 2008-09-02  
引用
[u][/u][i][/i]



3.getElementsByTagName
作用:按HTML标签名查    询,返回一个相同标签元素的数组
语法: object.getElementsByTagName(tagname) object可以是document或event.srcElement.parentElement等
参数:tagname:必选项为字符串(String),根据HTML标签检索。
返回值:数组对象; 如果无符合条件的对象,则返回空数组,按在页面中出现的次序   

相关推荐

    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....

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

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

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

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

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

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

    javaScript对象

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

    js在Firefox与IE中对DOM对像的引用的比较

    直接用ID属性进行引用 直接用NAME属性进行引用 使用getElementById(),getElementsByName(),getElementsByTagName()进行引用

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

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

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

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

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

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

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

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

    js查找节点的方法小结

    本文实例总结了js查找节点的方法。分享给大家供大家参考。具体分析如下: 这里介绍查找节点的三种方法: 1. 根据id查找,返回值为对象: 代码如下:document.getElementById(); 2. 根据div/p/….等html标签查找,返回...

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

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

    JavaScript DOM节点操作方法总结

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

    JavaScript面试题和答案

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

Global site tag (gtag.js) - Google Analytics