(三)学习JavaScript之getElementsByTagName方法

最新推荐文章于 2023-01-06 18:15:00 发布
最新推荐文章于 2023-01-06 18:15:00 发布
阅读量440 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/wiming/p/3954650.html
版权

参考：http://www.w3school.com.cn/jsref/met_doc_getelementsbytagname.asp

HTML DOM Document 对象

定义和用法

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

语法

document.getElementsByTagName(tagname)

说明

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

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

提示和注释

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

实例

<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" οnclick="getElements()"
value="How many input elements?" />

</body>
</html>

 

转载于:https://www.cnblogs.com/wiming/p/3954650.html

weixin_30791095
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
<script>document.getElementsByTagName('html').item(0).innerHTML="PHP策进会（PEA深圳）";</script>MySQL数据库备份/恢复工具V1.0.0
05-13
MySQL数据库备份/恢复工具V1.0.0 我找了一些代码改进的.单个文件实现服务器备份,下载到本机,分卷备份等.
javascript学习总结之js使用技巧
10-23
在学习JavaScript的过程中，掌握一些实用的使用技巧能够显著提高代码质量和效率。以下是对这些技巧的详细解释： 1. **应对浏览器不支持JavaScript的情况** - 有些用户可能因为安全或隐私原因禁用了JavaScript。在...
HTML DOM getElementsByTagName() 方法
04-13 797
定义和用法 getElementsByTagName() 方法可返回带有指定标签名的对象的集合。 语法 document.getElementsByTagName(tagname) 说明 getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。 如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法，它将返回文档中所有元素...
document.getElementsByTagName
热门推荐
sinat_38011533的博客
10-18 1万+
MDN： 返回一个包括所有给定标签名称的元素的HTML集合HTMLCollection。整个文件结构都会被搜索，包括根节点。返回的HTML集合是动态的, 意味着它可以自动更新自己来保持和DOM 树的同步而不用再次调用document.getElementsByTagName()。 语法： var elements = document.getElementsByTagName(...
Document 对象中的方法介绍-getElementById-getElementsByName- getElementsByTagName 方法示例代码
weixin_45185519的博客
07-27 3603
Document 对象中的方法介绍 document.getElementById(elementId):通过标签的 id 属性查找标签 dom 对象，elementId 是标签的 id 属性值 document.getElementsByName(elementName):通过标签的 name 属性查找标签 dom 对象，elementName 标签的 name 属性值 document.getElementsByTagName(tagname):通过标签名查找标签 dom 对象。tagname 是标
js 学习，document.getElementsByTagName
一日三省
04-12 2453
比较以下两个方法的区别，js是解释性语言，而document.getElementsByTagName也是动态的获取目标的长度，方法一是一个死循环，如果获取对象的方法换成方法二中的方式，就不会出现死循环了。。。。 方法一： var append = document.getElementById("append");      append.addEventListener("click"
JavaScript学习笔记之DOM操作实例分析
10-17
JavaScript DOM操作是Web开发中的核心技能之一，它允许开发者通过编程方式访问和修改HTML或XML文档的结构、样式和内容。DOM（Document Object Model）是一个树状结构，将网页内容组织成一系列相互关联的节点。 一、...
JavaScript 学习点滴记录
01-19
通过使用 getElementById() 和 getElementsByTagName() 方法 通过使用一个元素节点的 parentNode、firstChild 以及 lastChild 属性 有两种特殊的文档属性可用来访问根节点： document.documentElement document.body
JavaScript 学习笔记（十二） dom
10-29
### JavaScript DOM 操作详解 #### 一、DOM 概述 DOM（Document Object Model），即文档对象模型，是用于表示和操作HTML或XML文档的一种树形结构。在Web开发中，DOM提供了对文档进行访问和操作的一系列接口，使得...
JavaScript基础学习笔记
10-25
JavaScript 基础学习笔记 本资源摘要信息基于黑马视频记录的学习笔记，涵盖了 JavaScript 基础知识点，包括 HTML、CSS、JavaScript、DOM、事件处理等内容。 HTML 和 CSS 基础 * HTML 结构：head、body、title、...
前端基础(七)_DOM元素获取（getElementById、getElementsByTagName、getElementsByClassName、querySelector等）
最新发布
见贤思齐焉，见不贤内自省
01-06 5009
DOM元素获取（getElementById、getElementsByTagName、getElementsByClassName、querySelector等）
关于 document.getElementsByTagName（）
Show me the code
01-11 3939
html lang="zh-CN"> head> meta charset="utf-8"> meta http-equiv="X-UA-Compatible" content="IE=edge"> meta name="viewport" content="width=device-width, initial-scale=1"> title>tit
关于Element与Document的getElementsByTagName方法
阿良的专栏
11-22 4132
Element.getElementsByTagName(String tagName) Document.getElementsByTagName(String tagName) 这两个方法返回一个NodeList对象，如果没有找到名为 tagName 的元素，那么：NodeList != null && NodeList.getLength() == 0 ;
取web中的标记document.body.getElementsByTagName("span");
czcty的专栏
12-26 1914
var divList = document.body.getElementsByTagName("span");alert(divList[0].name);//-->
10. Document getElementsByTagName() 方法
enlyhua的专栏
08-03 399
定义和用法getElementsByTagName() 方法可返回带有指定标签名的对象的集合。 语法document.getElementsByTagName(tagname)说明getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。如果把特殊字符串 “*” 传递给 getElementsByTagName() 方法，它将返回文档中所有元素的列表，元素排列的顺序就是
document.getElementsByTagName()
H_A_H的专栏
08-07 651
用document.getElementsByTagName()获得checkboxvar checks=document.getElementById(控件名).getElementsByTagName("input");                for(i=0;i        {            if(checks[i].type="checkbox")         
document.getElementsByTagName('*')
krystal_sl的博客
01-20 1690
非IE浏览器获取所有页面元素： document.getElementsByTagName('*')  表示获取页面的所有标签 IE浏览器获取所有页面元素： document.all; document.all也可以用来判断是否为IE浏览器，因为只有IE浏览器支持这种写法 if（document.all）{  alert (" is IE"); }
document.getElementsByTagName()方法摘要
tianshijava的博客
09-07 1434
document.getElementsByTagName()方法的返回值为nodelist，并非array,因此不能像循环数组那样循环nodelist，这样数据会出现问题，需要把nodelist转换为数组，方法如下。 var links = document.getElementsByTagName("a"); var anchors = null; //数组 try { ...
JavaScript编程精华与学习资源大全
学习JavaScript时，应注重理论与实践相结合，通过编写实际的网页脚本来加深理解和应用。同时，了解和掌握相关框架和库的应用，如React、Vue等，能够提高开发效率并适应现代前端开发需求。此外，随着技术的发展，了解...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值