腾讯云618限量抢购

JavaScript document getElementByTagName() 方法:根据给定的元素标签 name 查找文档元素

最后更新:2012-11-21 18:59阅读:10167

document getElementByTagName() 方法定义

getElementByTagName() 方法根据给定的元素标签 name 查找文档元素,返回一个对象的集合。语法如下:

document.getElementByTagName(name)

提示:getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序,如果将 * 号传递给 getElementsByTagName() 方法,将返回文档中所有的元素。

getElementByTagName() 方法实例

<html>
<head>
<script type="text/javascript">
function getElements()
{
    var x = document.getElementsByTagName("input");
    alert("一共有 "+x.length+" 个 input 元素");
}
</script>
</head>
<body>
<p>请选择要删除的数据:
<input type="checkbox" name="aid" value="1" />1
<input type="checkbox" name="aid" value="2" />2
<input type="checkbox" name="aid" value="3" />3
<input type="checkbox" name="aid" value="4" />4
<input type="checkbox" name="aid" value="5" />5
<button onclick="getElements()">确定</button>
</p>

</body>
</html>

运行该例子,点击确认按钮,会弹出提示框并打印出:一共有 5 个 input 元素。

参考阅读

  1. JavaScript document getElementById() 方法:根据给定的 id 查找文档元素
  2. JavaScript document getElementByName():根据给定的 name 属性值查找文档元素

本章节内容共分 13 部分:
  1. 1. JavaScript Document 对象
  2. 2. JavaScript document 对象集合
  3. 3. JavaScript document cookie 属性:设置或查询与当前文档相关的 cookie
  4. 4. JavaScript document domain 属性:得到当前文档的域名
  5. 5. JavaScript document lastModified 属性:得到文档最后被修改的日期和时间
  6. 6. JavaScript document referrer 属性:得到上一页的 URL 地址
  7. 7. JavaScript document title 属性:得到当前文档的标题
  8. 8. JavaScript document URL 属性:得到当前文档的 URL
  9. 9. JavaScript document getElementById() 方法:根据给定的 id 查找文档元素
  10. 10. JavaScript document getElementByName() 方法:根据给定的 name 属性值查找文档元素
  11. 11. JavaScript document getElementByTagName() 方法:根据给定的元素标签 name 查找文档元素
  12. 12. JavaScript document open() 方法:打开一个新文档
  13. 13. JavaScript document close() 方法:关闭一个由 open 方法打开文档
腾讯云618限量抢购