javascript getElementsByTagName


Posted in Javascript onJanuary 31, 2011
function getElementsByTagName(node, tagName) { 
var elements = [], i = 0, anyTag = tagName === "*", next = node.firstChild; 
while ((node = next)) { 
if (anyTag ? node.nodeType === 1 : node.nodeName === tagName) elements[i++] = node; 
next = node.firstChild || node.nextSibling; 
while (!next && (node = node.parentNode)) next = node.nextSibling; 
} 
return elements; 
};

定义和用法
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() 方法将更为有效。
Javascript 相关文章推荐
JAVASCRIPT下判断IE与FF的比较简单的方式
Oct 17 Javascript
基于jquery实现的上传图片及图片大小验证、图片预览效果代码
Apr 12 Javascript
jquery获取一个元素下面相同子元素的个数代码
Jul 31 Javascript
jquery实现图片随机排列的方法
May 04 Javascript
JavaScript实现弹出DIV层同时页面背景渐变成半透明效果
Mar 25 Javascript
JS判断是否手机或pad访问实现方法
Dec 09 Javascript
Bootstrap Table使用整理(五)之分页组合查询
Jun 09 Javascript
引入JavaScript时alert弹出框显示中文乱码问题
Sep 16 Javascript
vue不操作dom实现图片轮播的示例代码
Dec 18 Javascript
vue项目中使用particles实现粒子背景效果及遇到的坑(按钮没有点击响应)
Feb 11 Javascript
JS实现单张或多张图片持续无缝滚动的示例代码
May 10 Javascript
前端实现滑动按钮AJAX与后端交互的示例代码
Feb 24 Javascript
js对象数组按属性快速排序
Jan 31 #Javascript
javascript 节点排序 2
Jan 31 #Javascript
js自定义事件代码说明
Jan 31 #Javascript
jQuery帮助之筛选查找 children([expr])
Jan 31 #Javascript
jQuery find和children方法使用
Jan 31 #Javascript
与jquery serializeArray()一起使用的函数,主要来方便提交表单
Jan 31 #Javascript
基于jQuery实现表格数据的动态添加与统计的代码
Jan 31 #Javascript
You might like
使用session判断用户登录用户权限(超简单)
2013/06/08 PHP
整理php防注入和XSS攻击通用过滤
2015/09/13 PHP
详解WordPress中提醒安装插件以及隐藏插件的功能实现
2015/12/25 PHP
Zend Framework教程之分发器Zend_Controller_Dispatcher用法详解
2016/03/07 PHP
Jquery+WebService 校验账号是否已被注册的代码
2010/07/12 Javascript
JQuery中getJSON的使用方法
2010/12/13 Javascript
分享27款非常棒的jQuery 表单插件
2011/03/28 Javascript
json实现前后台的相互传值详解
2015/01/05 Javascript
JavaScript中三种异步上传文件方式
2016/03/06 Javascript
IntersectionObserver API 详解篇
2016/12/11 Javascript
浅析vue component 组件使用
2017/03/06 Javascript
分享一个精简的vue.js 图片lazyload插件实例
2017/03/13 Javascript
jquery ui sortable拖拽后保存位置
2017/04/27 jQuery
vue父组件向子组件(props)传递数据的方法
2018/01/02 Javascript
Vue中的混入的使用(vue mixins)
2018/06/01 Javascript
Bootstrap标签页(Tab)插件切换echarts不显示问题的解决
2018/07/13 Javascript
Node.js爬虫如何获取天气和每日问候详解
2019/08/26 Javascript
Vue 自定义指令实现一键 Copy功能
2019/09/16 Javascript
如何检测JavaScript中的死循环示例详解
2020/08/30 Javascript
[05:26]TI10典藏宝瓶套装外观展示
2020/07/03 DOTA
对Django的restful用法详解(自带的增删改查)
2019/08/28 Python
Pandas操作CSV文件的读写实现方法
2019/11/13 Python
Python迭代器协议及for循环工作机制详解
2020/07/14 Python
Python实现中英文全文搜索的示例
2020/12/04 Python
美国网上书店:Barnes & Noble
2018/08/15 全球购物
英国票务网站:Ticketmaster英国
2018/08/27 全球购物
日本最大化妆品和美容产品的综合口碑网站:cosme shopping
2019/08/28 全球购物
助人为乐模范事迹材料
2014/06/02 职场文书
护士找工作求职信
2014/07/02 职场文书
2014县委书记党的群众路线教育实践活动对照检查材料思想汇报
2014/09/22 职场文书
质检员岗位职责
2015/02/03 职场文书
公司文体活动总结
2015/05/07 职场文书
活动新闻稿范文
2015/07/17 职场文书
python实现简单区块链结构
2021/04/25 Python
一次SQL如何查重及去重的实战记录
2022/03/13 MySQL
Python爬虫 简单介绍一下Xpath及使用
2022/04/26 Python