实例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 ...