javascript的getElementsByTagName() 方法

最新推荐文章于 2021-08-15 14:16:44 发布
最新推荐文章于 2021-08-15 14:16:44 发布
阅读量2.1k 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_27918787/article/details/52628525
本文介绍如何使用getElementsByTagName()方法获取HTML文档中指定标签名的所有对象集合，并通过一个示例展示了如何计算这些元素的数量。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

定义和用法

getElementsByTagName() 方法用于获取指定标签名的对象的集合。

语法

  1. document.getElementsByTagName(tagname)
参数描述
tagname指定标签名，不区分大小写

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

例子 1

获取文档中p标签对象集合的长度

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function getElements()  {
  5.     var x = document.getElementsByTagName("p");
  6.     alert(x.length);// length属性计算长度
  7. }
  8. </script>
  9. </head><body>
  10. <p>段落1</p><p>段落2</p><p>段落3</p>
  11. <input type="button" onclick="getElements()" value="点击" />
  12. </body>
  13. </html>
JavaScript学习之document对象-获取元素方法
林林一928的博客
04-16 1895
讲述document对象获取元素的方法：document.querySelector()， document.querySelectorAll()， document.getElementsByTagName()，document.getElementsByClassName()， document. getElementsByName()， document.getElementById()
javascript getElementsByTagName
12-11
`getElementsByTagName()` 是 JavaScript 中的一个核心方法，用于查找 HTML 或 XML 文档中具有特定标签名的所有元素。这个方法在处理文档对象模型（DOM）时非常有用，因为它允许开发者以编程方式选择一组符合特定...
JS中编写函数去除HTML标签,js函数获取html中className所在的内容并去除标签
weixin_29023349的博客
06-17 508
js函数获取html中className所在的内容并去除标签复制代码 代码如下:function queryClass(classnames){var classobj= new Array();//定义数组var classint=0;//定义数组的下标var tags=document.getElementsByTagName("*");//获取HTML的所有标签for(var i in ta...
Javascript当中的 getElementsByTagName() 方法
代码人生的博客
04-26 6158
定义和用法 getElementsByTagName() 方法可返回带有指定标签名的对象的集合。 语法 document.getElementsByTagName(tagname) 说明 getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。 如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法，它将返回文档中所有元素的列表，元素排列的顺序就是它们在文档中的顺序。 提示和注释 注释：传递给 getElementsByTagNa
Js:document.getElementsByTagName()集合应用范例
weixin_30826761的博客
07-18 887
<body><script>function checkAll(){var obj_all = document.getElementsByTagName("INPUT");for(i=0;i<obj_all.length;i++)if(obj_all[i].type=="checkbox")obj_all[i].checked = true;}</script...
js--getElementsByTagName
m0_46573829的博客
06-01 3184
二、getElementsByTagName 全线浏览器兼容的，得到元素的方法，就这两个： document.getElementById() 通过id得到元素 document.getElementsByTagName(); 通过标签名得到元素们 getElementsByTagName就是通过标签名得到元素，得到的是页面上所有该种标签元素，得到的是数组，数组可以有下标，开始是0，最后一项是.length-1 既然是数组，就能通过循环语句批量控制，比如表格的隔行变色： 1 v.
动态加载JavaScript文件的两种方法
11-24
本文将详细介绍两种动态加载JavaScript文件的方法。 首先，第一种方法是利用AJAX（Asynchronous JavaScript and XML）技术。AJAX通常用于后台与服务器进行异步数据交换，但在这里，它被用来获取JavaScript文件的...
javascript清空table表格的方法
12-02
本文实例讲述了javascript清空table表格的方法。分享给大家供大家参考。具体如下： 1. 通常方法 循环table的rows，然后一个一个删除。 这个方法是通常的方法，可行，但是效率不好。 2. 另一个方法 var artTable = ...
移动Web中图片自适应的两种JavaScript解决方法
12-10
本文将探讨两种使用JavaScript解决图片自适应的方法，适用于不同类型的页面布局。 首先，我们来看第一种情况，即图集类型的页面。在这种场景下，目标是使图片能够完全适应屏幕宽度，并在垂直方向上自动调整，避免...
js 中 getElementsByTagName 的用法
世范水晶
02-01 494
&lt;html&gt; &lt;body&gt; &lt;img id="compman" src="compman.gif" alt="Computerman" /&gt; &lt;br /&gt; &lt;script type="text/javascript"&gt; x=document.getElementsByTagNa
js document.getElementsByTagName().html
weixin_42193179的博客
07-22 1149
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>getElementsByTagName</title> </head> <body> <div class="box1" id="fram...
js----getElementsByTagName方法调用的例子
融化的冰
01-17 9385
112233var pp = document.getElementsByTagName("span");for(i=0;i   alert(pp[i].innerHTML);}   getElementsByTagName：找出相匹配的标签的一个集合。可以遍历
jquery-jquery替换getElementsByTagName
六月心悸
10-22 9042
页面提示js中的getElementsByTagName 出错。 于是想到把它换成Jquery获取其值。 var idObj=document.getElementById("myID"); var nameObj=idObj.getElementsByTagName("li");//获取keleyimyslider的所有li子元素 则对应于jquery的 var idOb
javascript当中getElementsByTagName的用法
qq_43650923的博客
10-09 1150
例 6.3：getElementsByTagName()IEFF.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; ch...
动态方法getElementsByTagName()
a3031615的博客
02-27 325
代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>getElementsByTagName</title> <script type="text/java...
JavaScript 通过标签获取元素（getElementsByTagName）
guoqingru0311的博客
08-15 7213
JavaScript 通过标签获取元素1、通过标签获取元素1、利用标签获取元素 1、通过标签获取元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>利用标签获元素</title> <script type="text/javascript"> window.onload=function
JS中的getElementsByTagName用法
u013313232的博客
09-28 1521
JS中的getElementsByTagName用法 ***全选代码 //全选 function checkAll() { var inputs = document.getElementsByTagName(“input”); for (var i=0; i<inputs.length;i++){ inputs[i].checked = true; } } 获取input标签，可以更改他的属性 兴趣爱好: c++ < 页面代码 ...
JavaScript getElementsByTagName()方法介绍
热门推荐
路虽远，行则必至！
06-25 1万+
getElementsByTagName() 根据 标签名 获取一组元素节点对象 getElementsByTagName()可以根据 标签名 获取一组元素节点对象，该方法所有浏览器均可使用，即使查询到的元素只有一个，也会封装到数组中返回 注意：这个方法会给我们返回一个类数组对象，所有查询到的元素都会封装到对象中，如下图： 我们若要查找具体元素，就必须使用索引，如下图： 我们可以通过 in...
js小练习：利用getElementsByTagName方法、for循环、this指针、数组实现对多个相同元素value值的改变
一个程序员-二白的博客
10-18 3133
1.练习内容： 在页面中添加三个按钮，当点击按钮时，按钮的值循环发生改变。 例如三个按钮的默认值都为A,当任意点击一个按钮时，其默认值变成B，再次点击变成C，再点一次又变为A. 2.源代码：     pageEncoding="utf-8"%> ??????? input{ height:30px; width:50px; } windo
掌握JavaScript常用方法，提升代码效率
在标题“javascript常用方法”和描述“javascript常用方法，上百个常用js代码，绝对够用”中，我们可以了解到这份文档里包含了大量实用的 JavaScript 代码片段，能够帮助开发者解决日常工作中的诸多问题。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值