JavaScript HTML DOM getElementsByTagName() 方法

• 

  HTML DOM getElementsByTagName() 方法

  document.getElementsByTagName()方法返回文档中具有指定标记名称的所有元素的集合，作为NodeList对象。NodeList对象表示节点的集合。可以通过索引号访问节点。索引从0开始。

  提示：参数值“*”返回文档中的所有元素。

  提示：您可以使用NodeList对象的length属性来确定具有指定标记名称的元素数，然后您可以遍历所有元素并提取所需的信息。

  实例：

  使用指定的标记名称获取文档中的所有元素：

  var x = document.getElementsByTagName("LI");
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  方法
  getElementsByTagName()	6.0+	1.0+	3.0+	3.0+	9.5+

• 

  语法

  document.getElementsByTagName(tagname)
• 

  参数值

  参数	类型	描述
  tagname	String	必需的。 要获取的元素的标记名

• 

  技术细节

  项目	描述
  返回值：	NodeList对象，表示具有指定标记名称的元素集合。返回集合中的元素按照它们在源代码中的显示进行排序。
  DOM版本	Core Level 1

• 

  更多例子

  找出文档中有多少<li>元素（使用NodeList对象的length属性）：

  var x = document.getElementsByTagName("LI").length;
  

  尝试一下

  更改文档中第一个<p>元素（索引0）的HTML内容：

  document.getElementsByTagName("P")[0].innerHTML = "Hello World!";
  

  尝试一下

  更改文档中所有<p>元素的背景颜色：

  var x = document.getElementsByTagName("P");
  var i;
  for (i = 0; i < x.length; i++) {
    x[i].style.backgroundColor = "red";
  }
  

  尝试一下

  使用“*”参数。获取文档中的所有元素：

  var x = document.getElementsByTagName("*");
  

  尝试一下
• 

  相关页面

  JavaScript 教程 JavaScript HTML DOM节点列表