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 相关文章推荐
Prototype使用指南之form.js
Jan 10 Javascript
让firefox支持IE的一些方法的javascript扩展函数代码
Jan 02 Javascript
你必须知道的Javascript知识点之&quot;单线程事件驱动&quot;的使用
Apr 23 Javascript
node.js中的fs.createReadStream方法使用说明
Dec 17 Javascript
jquery模拟进度条实现方法
Aug 03 Javascript
解决jquery中动态新增的元素节点无法触发事件问题的两种方法
Oct 30 Javascript
基于js对象,操作属性、方法详解
Aug 11 Javascript
浅析JavaScript动画模拟拖拽原理
Dec 09 Javascript
滚动条的监听与内容随着滚动条动态加载的实现
Feb 08 Javascript
Node.js使用MySQL连接池的方法实例
Feb 11 Javascript
JavaScript创建防篡改对象的方法分析
Dec 30 Javascript
vue 地区选择器v-distpicker的常用功能
Jul 23 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
dedecms 制作模板中使用的全局标记图文教程
2007/03/11 PHP
thinkphp特殊标签用法概述
2014/11/24 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
Thinkphp5框架使用validate实现验证功能的方法
2019/08/27 PHP
PHP全局使用Laravel辅助函数dd
2019/12/26 PHP
PHP正则之正向预查与反向预查讲解与实例
2020/04/06 PHP
jquery animate图片模向滑动示例代码
2011/01/26 Javascript
IE8对JS通过属性和数组遍历解析不一样的地方探讨
2013/05/06 Javascript
js调试系列 断点与动态调试[基础篇]
2014/06/18 Javascript
JavaScript模拟重力状态下抛物运动的方法
2015/03/03 Javascript
js实现数组转换成json
2015/06/26 Javascript
详解jQuery向动态生成的内容添加事件响应jQuery live()方法
2015/11/02 Javascript
如何使用Bootstrap的modal组件自定义alert,confirm和modal对话框
2016/03/01 Javascript
js判断手机浏览器操作系统和微信浏览器的方法
2016/04/30 Javascript
深入理解javascript函数参数与闭包
2016/12/12 Javascript
手机端js和html5刮刮卡效果
2020/09/29 Javascript
js实现textarea限制输入字数
2017/02/13 Javascript
JavaScript实现256色转灰度图
2017/02/22 Javascript
react-router实现跳转传值的方法示例
2017/05/27 Javascript
vue项目优化之通过keep-alive数据缓存的方法
2017/12/11 Javascript
深入理解Node module模块
2018/03/26 Javascript
vue中使用[provide/inject]实现页面reload的方法
2019/09/30 Javascript
基于vue实现简易打地鼠游戏
2020/08/21 Javascript
[07:09]DOTA2-DPC中国联赛 正赛 Ehome vs Elephant 选手采访
2021/03/11 DOTA
PyQt实现界面翻转切换效果
2018/04/20 Python
python解析含有重复key的json方法
2019/01/22 Python
深入浅析python 协程与go协程的区别
2019/05/09 Python
python str字符串转uuid实例
2020/03/03 Python
Canvas中设置width与height的问题浅析
2018/11/01 HTML / CSS
Boolean b = new Boolean(“abcde”); 会编译错误码
2013/11/27 面试题
北京捷通华声语音技术有限公司Java软件工程师笔试题
2012/04/10 面试题
出纳试用期自我鉴定
2014/04/07 职场文书
劳资协议书范本
2014/04/23 职场文书
公司车辆管理制度
2015/08/04 职场文书
大学生先进个人主要事迹材料
2015/11/04 职场文书
python3实现Dijkstra算法最短路径的实现
2021/05/12 Python