getElementById和getElementsByTagName

1、getElementById() (:Return an object reference to the identified element)

方法返回对拥有指定 ID 个对象的引用。

如果您需要查找文档中的一个特定的元素,最有效的方法是 getElementById()。

在操作文档的一个特定的元素时,最好给该元素一个 id 属性,为它指定一个(在文档中)唯

一的名称,然后就可以用该 ID 查找想要的元素。

2、Document:getElementsByName() (:Return a list of elements with the given name

Return value is a Nodelist of elements

)

getElementsByName() 方法可返回带有指定名称的对象的集合。

document.getElementsByName(name)该方法与 getElementById() 方法相似,但是它查询元素的 name

属性,而不是 id 属性。

另外,因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属

性),所以 getElementsByName() 方法返回的是元素的数组,而不是一个元素。

getElementById可与getElementsByTagName连用来取得多层次里面的东西 但是2个getElementById 是不能连用的,因为getElementById 是去全局拿id的!

3、getElementsByTagName() (:Return a list of elements with the given tag name)

方法可返回带有指定标签名的对象的集合。

getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。

如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法,它将返回文档中所有元素的列表,元素

排列的顺序就是它们在文档中的顺序。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,828评论 0 8
  •   DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。   DOM 描绘...
    霜天晓阅读 3,743评论 0 7
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,935评论 1 45
  • 在上一节中,我们学习了DOM树和遍历DOM相关的知识。可以通过firstChild(或firstElementCh...
    一个敲代码的前端妹子阅读 1,853评论 0 2
  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 1,412评论 0 5