`
java虫
  • 浏览: 536028 次
  • 性别: 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)中,有三种主要方法用于查找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文档中所有的元素,...

    a.-DOM:实践GetElementsById-GetElementsByTagName-GetElementsByName

    本篇将详细讲解DOM中的三个核心方法:`getElementById`、`getElementsByTagName`以及`getElementsByName`,这些都是JavaScript与网页元素交互时常用的方法。 首先,`getElementById`是DOM中查找特定ID元素的最直接...

    javascript getElementsByName()的用法说明

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

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

    在DOM中,有几种重要的方法用于操作和访问页面元素,其中`getElementById()`、`getElementsByName()`和`getElementsByTagName()`是JavaScript中常见的三种。下面我们将详细探讨这些方法以及它们在DHTML(Dynamic ...

    JavaScript获取HTML DOM节点元素的方法的总结

    `document.getElementsByName(elementName)` 通过元素的name属性获取一组节点。如果页面中有多个元素共享相同的name值,这个方法会返回所有这些元素的NodeList集合。对于如复选框(checkboxes)和单选按钮(radios...

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

    与 `getElementById()` 方法不同,后者通过元素的唯一 `id` 查找单个元素,而 `getElementsByName()` 返回的是一个包含所有匹配 `name` 的元素的 **NodeList 集合**,而不是单个元素。由于在 HTML 中,多个元素可以...

    DOM方法总结

    注意:`getElementsByTagName()` 和 `getElementsByName()` 的区别在于前者是基于标签名进行搜索,而后者则是基于元素的`name`属性。 ##### 4. `hasChildNodes()` 此方法用于检测一个元素是否包含子节点。如果存在...

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

    常见的getElementById,getElementsByName,getElementsByTagName。但外国人不满意这些API,于是搞出了getElementsByClassName,后来一点点又出现了jQuery选择器,这里只说原始js选择。 1.getElementById 这是最常用...

    JS获取网页中HTML元素的几种方法分析

    以上介绍了几种常见的 JavaScript 获取 HTML 元素的方法:`getElementById`、`getElementsByName`、`getElementsByTagName` 和 `document.all`。每种方法都有其适用场景和特点,在实际开发中应根据具体需求选择合适...

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

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

    JS的学习总结文本(北大青鸟教程总结)

    ### JS的学习总结文本(北大青鸟教程总结) #### 一、JS基础概念 JavaScript是一种广泛使用的脚本语言,尤其在Web开发中占有极其重要的地位。它能够为网站添加交互性功能,使网页更加生动和实用。 1. **变量声明...

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

    本篇文章将详细探讨三种常用的方法:getElementById(), getElementsByName(), 和getElementsByTagName(),以及HTML DOM innerHTML属性。 1. **getElementById()** 这个方法用于根据元素的唯一ID找到页面上的单个...

    QTP常用脚本总结

    - DOM方法:`XX.Object.getElementById`,`XX.Object.getElementsByName`,`XX.Object.getElementsByTagName` 和 `XX.Object.getElementsByType` 用于通过ID、名称、标签或类型查找HTML元素。 3. **变量管理**: ...

    js获取节点方法1

    1. **获取元素节点**:获取元素的属性通常需要先获取到元素本身,如上面的`getElementById()`或`getElementsByTagName()`等。例如,获取ID为"name"的元素: ```javascript var name = document.getElementById(...

Global site tag (gtag.js) - Google Analytics