HTML DOM getElementsByTagName() 方法

原创 2015年11月18日 10:39:36

定义和用法

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

语法

document.getElementsByTagName(tagname)

说明

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

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

提示和注释

注释:传递给 getElementsByTagName() 方法的字符串可以不区分大小写。

实例

例子 1

<html>
<head>
<script type="text/javascript">
function getElements()
  {
  var x=document.getElementsByTagName("input");
  alert(x.length);
  }
</script>
</head>
<body>

<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()"
value="How many input elements?" />

</body>
</html>

例子 2

可以用 getElementsByTagName() 方法获取任何类型的 HTML 元素的列表。例如,下面的代码可获取文档中所有的表:

var tables = document.getElementsByTagName("table");
alert ("This document contains " + tables.length + " tables");

例子 3

如果您非常了解文档的结构,也可以使用 getElementsByTagName() 方法获取文档中的一个特定的元素。例如,下面的代码可以获得文档中的第四个段落:

var myParagragh = document.getElementsByTagName("p")[3];

不过,我们还是认为,如果您需要操作某个特定的元素,使用 getElementById() 方法将更为有效。

版权声明:本文为博主原创文章,未经博主允许不得转载。

Html之getElementById()方法&getElementsByTagName()方法示例

HTML DOM 对象 - 方法和属性一些常用的 HTML DOM 方法:getElementById(id) - 获取带有指定 id 的节点(元素)appendChild(node) - 插入新的子...

DOM中的动态NodeList与静态NodeList(getElementsByTagName()与querySelectorAll())

为何getElementsByTagName()比querySelectorAll()快100倍 getElementsByTagName() 等与 querySelectorAll()的区别...

Document对象的使用:getElementById()和getElementsByTagName()方法的使用练习

Document对象的使用:getElementById()和getElementsByTagName()方法的使用练习 1、  查找并访问节点 你可以通过若干方法来查找您希望操作的元素: (1...

深入挖掘document.getElementsByTagName()方法的返回值

最近天气好热,一只蚊子落到了我身上,被烫死了,悲天悯人的我太伤心了…… 天气虽然炎热,但工作依然不能停歇,整日在代码堆里摸爬滚打,却不见救世主降临,来赐我一个和谐的浏览器世界。OMG,生命不止,兼容...

HTML DOM方法

一些 DOM 对象方法 这里提供一些您将在本教程中学到的常用方法: 方法 描述 getElementById() 返回带有指定 ID 的元素。 getElementsByTagName(...
  • gfuchao
  • gfuchao
  • 2015年12月29日 23:18
  • 342

jQuery中DOM操作方法 之 html,text,val

jQuery内核 DOM操作方法 之 html,text,val 回顾下几组DOM插入有关的方法 innerHTML 设置或获取位于对象起始和结束标签内的 HTML  outerHT...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML DOM getElementsByTagName() 方法
举报原因:
原因补充:

(最多只允许输入30个字)