定义和用法

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() 方法将更为有效。

10. Document getElementsByTagName() 方法相关推荐

  1. document.getElementsByTagName()方法的返回值

    document.getelementsbytagname()方法的返回值 /* document.getelementsbytagname()方法的返回值中取出某个特定的元素.一开始以为它的返回值是 ...

  2. document.getElementsByName , document.getElementsByTagName ,document.createElement

    document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用.其中,appendChild() 方法在节点的子节 ...

  3. HTML DOM getElementsByTagName() 方法

    定义和用法 getElementsByTagName() 方法可返回带有指定标签名的对象的集合. 语法 document.getElementsByTagName(tagname) 说明 getEle ...

  4. Lodash 中文文档 (v3.10.1) - “Lang” 方法

    Lodash 中文文档 (v3.10.1) - "Lang" 方法 Translated by PeckZeg Original Docs: Lodash v3.10.1 Docs ...

  5. java document to xml_Java Document.asXML方法代碼示例

    本文整理匯總了Java中org.dom4j.Document.asXML方法的典型用法代碼示例.如果您正苦於以下問題:Java Document.asXML方法的具體用法?Java Document. ...

  6. js进阶 10-3 jquery中为什么用document.ready方法

    js进阶 10-3  jquery中为什么用document.ready方法 一.总结 一句话总结: 1.document.ready和window.onload的区别:用哪个好? document. ...

  7. document.getElementsByTagName()返回值

    1. 常见问题 document.getElementsByTagName()返回值样式是[-,-,-],很多人误以为是数组,进而对它调用数组方法如sort(),但是这样会报错:TypeError:x ...

  8. document在方法外获取对象无法获取数据

    案例目的:当我点击添加按钮的时候,表格下方可以添加一行数据 遇到一个问题希望有大佬帮我看看,以下两个代码区别在于使用document获取对象的时候,第一个是在方法外获取对象,第二个是在方法内获取对象 ...

  9. java nextintln_Java Document.getRootElement方法代碼示例

    本文整理匯總了Java中org.dom4j.Document.getRootElement方法的典型用法代碼示例.如果您正苦於以下問題:Java Document.getRootElement方法的具 ...

  10. document.getElementById()方法使用

    原文地址为: document.getElementById()方法使用 document.getElementById使用 语法:oElement = document .getElementByI ...

最新文章

  1. 【亲测有效】如何在win10上激活Burp Suite,如何注册激活Burp Suite,破解Burp Suite的详细步骤
  2. 实时计算Flink 产品定价——续费和变配
  3. linux mint 无法联网_Linux Mint系统安装后WiFi不可用的解决办法
  4. HashedWheelTimer时间轮原理分析
  5. Spring Boot中带有CKEditor的AJAX
  6. 第三周阶段性小结——Object对象、String类、StringBuffer、StringBuilder、System、Runtime、Date...
  7. 使用PowerShell 导出Exchange中的用户中用户信息到Office 365
  8. java replace会替换吗,java替换字符_java replace字符替换函数
  9. JavaScript相关文章推荐
  10. 如何使用Arduino和R305制作指纹考勤系统
  11. 神经元图片结构图,一个神经元简图
  12. Julia处理高斯光束的光斑图像
  13. C/C++ Linux 后台服务器开发高级架构师学习知识路线总结
  14. 达梦数据库初始化、创建用户和修改密码
  15. Numpy计算分位点及标记对应区间的下标
  16. 使用 微信JS-SDK 拍照 或者获取 相册 图片并展示
  17. AJAX框架衣柜内部结构,衣柜内部结构这样布局,解决你家 90% 的收纳难题
  18. ts16949 软件开发流程图_ts16949开发流程图
  19. 如何清除浏览器缓存?
  20. 2021-2027全球与中国移动设备用半导体封装基板市场现状及未来发展趋势

热门文章

  1. 【Sql查询数据】for 日、月、年
  2. 润乾报表连接mysql_润乾报表与DERBY数据库的创建连接详解
  3. XAF应用开发教程(七)外观控制模块
  4. MySQL安装配置详解(5.5 For Windows)
  5. 为啥学蛇和python10年后的变化
  6. java 调用 oracle的function 和 procedure
  7. 匹配0-59 0-23 的正则表达式
  8. B和strong以及i和em的区别
  9. [导入]带图片的,多列的DropDownList的实现
  10. navicat 不能正常启动