getElementsByName实例
编程技术 / houtizong 发布于 3年前 89
实例1：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>getElementsByName</title></head><body > <p name="pr" ff="pr"> aaa </p> <p name="pr" ff="pr"> bbb </p> <p name="pr" ff="pr"> ccc </p> <p name="pr" ff="pr"> ddd </p> <p name="pr" ff="pr"> eee </p> <p name="pr" ff="pr"> eee </p> <p name="pr" > eee </p> <p name="pr" > eee </p> <input type="button" onclick="myFun()" value="按钮"/></body><script type="text/javascript" > function myFun() { var count = 0; var pArr = document.getElementsByTagName_r("p"); for(var i=0;i<pArr.length;i++) { var p = pArr[i]; if (p.getAttribute("ff") == "pr" ) { count++;// 符合要求的p标签数目 } } alert(count); }</script></html>
实例2：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>getElementsByName2[拿到name是pr的p标签对象数组]</title></head><body > <p name="pr" ff="pr"> aaa </p> <p name="pr" ff="pr"> bbb </p> <p name="pr" ff="pr"> ccc </p> <p name="pr" ff="pr"> ddd </p> <p name="pr" ff="pr"> eee </p> <p name="pr" > eee </p> <p name="pr" > eee </p> <p name="pr" > eee </p> <input type="button" onclick="myFun()" value="按钮"/></body><script type="text/javascript"> var getElementsByName = function(name){ var rets = document.getElementsByName(name); if(rets.length == 0) { rets = []; var alls = document.getElementsByTagName_r("*"); for(var i=0;i<alls.length ; i++) { if(alls[i].getAttribute("name") == name) { rets.push(alls[i]); } } } return rets; }; function myFun() { var res = getElementsByName("pr"); alert(res.length); }</script></html>
上一篇：JS中定义对象的几种方式
请勿发布不友善或者负能量的内容。与人为善，比聪明更重要！
技术博客集 - 网站简介：
前后端技术：
后端基于Hyperf2.1框架开发,前端使用Bootstrap可视化布局系统生成
网站主要作用：
1.编程技术分享及讨论交流，内置聊天系统;
2.测试交流框架问题，比如：Hyperf、Laravel、TP、beego;
3.本站数据是基于大数据采集等爬虫技术为基础助力分享知识，如有侵权请发邮件到站长邮箱，站长会尽快处理;
4.站长邮箱：[email protected];
文章归档
文章标签
友情链接
