实例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>
相关推荐
定义和用法 getElementsByName() 方法可返回带有指定名称的对象的集合。 语法document.getElementsByName(name) 该方法与 getElementById() 方法相似... 实例 代码如下: <html> <head> [removed] function
本文实例总结了JavaScript节点及列表操作的方法。分享给大家供大家参考。具体如下: (1)创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建...
document.getElementsByName('nameup')[0].style.display = none; document.getElementsByName('nameup')[1].style.display = none; document.getElementsByName('nameup')[2].style.display = none; document....
本文实例讲述了JS选取DOM元素常见操作方法。分享给大家供大家参考,具体如下: JS选取DOM元素的方法 注意:原生JS选取DOM元素比使用jQuery类库选取要快很多 1、通过ID选取元素 document.getElementById('myid'); 2...
本文实例讲述了js中正则的查找match()与替换replace()的用法。分享给大家供大家参考。具体如下: 代码如下:<html> <head> [removed] //string.match(正则):正则查找字符串,返回符合正则的字符或字符...
本文实例分析了js正则表达式中的单行模式与多行模式。分享给大家供大家参考。具体如下: js正则表达式是不支持单行模式的。也就是说,不能把某段内容(有换行),采用模式修正符来处理,使整段内容当成一行来处理。 ...
本文实例讲述了正则表达式中的正向预查和负向预查。分享给大家供大家参考。具体分析如下: 这里先来看一个例子,再来解释什么是正向预查。 例子:有一段内容为”coming soon,going gogogo”,要求把com和go查找出来...
本文实例讲述了js正则表达式test()和exec()用法。分享给大家供大家参考。具体如下: 代码如下: <html> <head> [removed] //正则.test(内容),返回true或false function t1(){ var con = ...
开始界面如图: 代码如下:<head> <title></title> [removed] function ... var dogandcat = document.getElementsByName(‘dogandcat’); //获取所有name=dogandcat的单选按钮 for (var i =
var checkbox = document.getElementsByName("likes[]"); //此处通过此种方式才能获得多选框为数组。 //like为name = "like[]" , 获得时必须加上[] var checked_counts = 0; for(var i=0;i<checkbox.length;i++){...
效果: 代码: 代码如下:<head runat=”server”> <title></title> [removed] [removed] = ... var ck = document.getElementsByName(‘name1’); ckall.onclick = function () { for
document.getElementsByName(); document.getElementsByTagName(); 2>通过集合的方式来获取引用 document.forms[下标] document.forms[name] document.forms.name 3>通过name直接获取“(只适用于表单) document....
本文实例总结了js查找节点的方法。分享给大家供大家参考。具体分析如下: 这里介绍查找节点的三种方法: 1. 根据id查找,返回值为对象: 代码如下:document.getElementById(); 2. 根据div/p/….等html标签查找,返回...
var con = document.getElementsByName(‘content’)[0].value; var reg = /\b(\w)\w*\1\b/g; alert(con.match(reg)); } [removed] </head> <body> <textarea rows=
本文实例为大家分享了axios实现文件上传功能的具体代码,供大家参考,具体内容如下 前台页面: 引入axios js文件 [removed][removed] HTML: <input type=file name=img/> ()>上传图片 JS: function ...
本文实例讲述了JS实现统计复选框选中个数并提示确定与取消的方法。分享给大家供大家参考。具体实现方法如下: javascript部分如下: [removed] function yesno() { var inputs = document.getElementsByName(ck[])...
本文实例讲述了JS简单实现获取元素的封装操作。分享给大家供大家参考,具体如下: JS封装获取元素 js的获取元素: ID:document.getElementById(); class:document.getElementsByName()[]; Tag:document....
本文实例讲述了JavaScript简单判断复选框是否选中及取出值的方法。分享给大家供大家参考。具体如下: 这里使用JavaScript 获取复选框的值,有朋友在刚开始利用表单提交数据的时候,一般都会遇到表单中有一个特别的...
本文实例讲述了js获取checkbox值的方法。分享给大家供大家参考。具体实现方法如下: 代码如下:<html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″> <...
使用getElementsByName()得到某些节点对象 25 parentNode、firstChild以及lastChild属性 25 (2) 访问节点的内容 26 innerText(IE)、textContent(FF)、innerHTML 26 outerText、outerHTML(少用) 26 ...