js获取多个tagname的节点数组
功能需要,写了个获取多个tagname节点集合的小方法。类似于jQuery的$(‘iput,select,textarea','#form')的效果,返回是按节点在原有文档流中的顺序返回的。
//获取指定标签类型的节点数组 用例:GetTagNames('input,select,textarea',document.getElementById('form'))
function GetTagNames(tagnames,parEl){
//父节点未定义默认循document
var parEl=parEl || document;
//获取指定父元素的子节点
var all=parEl.getElementsByTagName('*');
//存放所有符合条件的子节点
var nodes=[];
//将转入的tagname转换成判断正则
var reg=eval('/'+tagnames.split(',').join('|')+'/i');
//循环,判断,存储
for(var ii=0;ii<all.length;ii++){
if(reg.test(all[ii].nodeName)){
nodes.push(all[ii]);
}
}
//返回
return nodes;
}
来自:mrthink.net
相关推荐
-
js获取多个tagname的节点数组
功能需要,写了个获取多个tagname节点集合的小方法.类似于jQuery的$('iput,select,textarea','#form')的效果,返回是按节点在原有文档流中的顺序返回的. 复制代码 代码如下: //获取指定标签类型的节点数组 用例:GetTagNames('input,select,textarea',document.getElementById('form'))function GetTagNames(tagnames,parEl){ //父节点未定义默认循documen
-
js获取TreeView控件选中节点的Text和Value值的方法
在实际项目中,遇到一个问题,首先弹出一个新窗口,新窗口中放了一个TreeView控件,TreeView控件的数据绑定在我的上一篇随笔(TreeView绑定XML数据源C#代码示例)中有讲到,现在要解决的是,如何单击TreeView中一个节点,返回Text和Value到父页面并关闭该新窗口. 首先,在后台代码中为TreeView添加属性onclick以支持TreeView的客户端事件,代码如下: 复制代码 代码如下: if (!IsPostBack) { TreeView1.Attributes.
-
JS获取字符串型数组下标的数组长度的代码
标题页 var info = new Array(); //创建数组对象 info['name'] = '张三'; //设置数组中的一项,注意索引为字符串类型 info['age'] = '26'; //设置数组中的第二项 var i=0; for(var n in info) //遍历数组中的每一项 { i++; //用来获取数组中的元素个数 } alert("总共"+i+"个元素"); //显示数组中总共多少元素 [Ctrl+A 全选 注:如需引入外部Js需刷新
-
JS获取子、父、兄节点方法小结
我们在实际的开发中,经常要获取页面中某个html元素,动态更新元素的样式.内容属性等. 我们已经知道在JavaScript中提供下面的方法获取子.父.兄节点的方法: 常规 通过父节点获取子节点: parentObj.firstChild 获取已知父节点的第一个子节点 parentObj.lastChild 获取已知父节点的最后一个
-
JS获取父节点方法
如何获取要更新的元素,是首先要解决的问题.令人欣慰的是,使用JavaScript获取节点的方法有很多种,这里简单做一下总结(以下方法在IE7和Firefox2.0.0.11测试通过): 1. 通过顶层document节点获取: (1) document.getElementById(elementId):该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法.如果页面上含有多个相同id的节点,那么只返回第一个节点. 如今,已
-
Js 获取HTML DOM节点元素的方法小结
如何获取要更新的元素,是首先要解决的问题.令人欣慰的是,使用JavaScript获取节点的方法有很多种,这里简单做一下总结(以下方法在IE7和Firefox2.0.0.11测试通过)1. 通过顶层document节点获取: (1) document.getElementById(elementId) :该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法.如果页面上含有多个相同id的节点,那么只返回第一个节点. 如今,已经出现了如proto
-
一个获取第n个元素节点的js函数
一个获取第n个元素节点的函数,现在只能通过html标签获取元素,功能还不完善 演示:html <ul id="list"> <li>1<button>a</button></li> <li>2<button>b</button><button>o</button></li> <p>test</p> <li>3<bu
-
JS获取子节点、父节点和兄弟节点的方法实例总结
本文实例讲述了JS获取子节点.父节点和兄弟节点的方法.分享给大家供大家参考,具体如下: 一.js获取子节点的方式 1. 通过获取dom方式直接获取子节点 其中test的父标签id的值,div为标签的名字.getElementsByTagName是一个方法.返回的是一个数组.在访问的时候要按数组的形式访问. var a = document.getElementById("test").getElementsByTagName("div"); 2. 通过childNo
-
js获取对象、数组的实际长度,元素实际个数的实现代码
js获取对象.数组的实际长度,元素实际个数的实现代码 /*获取对象.数组的长度.元素个数 *@param obj 要计算长度的元素,可以为object.array.string */ function count(obj){ var objType = typeof obj; if(objType == "string"){ return obj.length; }else if(objType == "object"){ var objLen = 0; for(v
-
js 获取元素所有兄弟节点的实现方法
比如一个ul里面有10个li,而第3个li上有特殊的样式(比如颜色为红色,其他为黑色).我想把其他所有li--不包括红的li--的颜色也设为红色,此时,就需要获得红li的所有兄弟节点. 兄弟,就是和你平辈的,既不是上一级也不是下一级,而且可能有比你大的(兄),也可能比你小(弟).兄弟节点同理,下面是一个常规的获取兄弟节点的办法. 代码如下 function siblings(elm) { var a = []; var p = elm.parentNode.children; for(var i
随机推荐
- jQuery选择器之子元素过滤选择器
- jQuery实现响应浏览器缩放大小并改变背景颜色
- json-lib出现There is a cycle in the hierarchy解决办法
- 老美和人吵架常用的句子
- iOS实现文字转化成彩色文字图片
- 在Windows XP下安装Apache+MySQL+PHP环境
- 详解设计模式中的模板方法模式及在C++中的使用
- C++ COM编程之QueryInterface函数(一)
- Android编程实现简单的UDP Client实例
- 解决mysql导入还原时乱码的问题
- node.js中的fs.renameSync方法使用说明
- canvas快速绘制圆形、三角形、矩形、多边形方法介绍
- .NET操作Excel实例分享
- javascript(js) join函数使用方法介绍
- 图片批量压缩大小脚本分享
- linux ar 命令的使用说明和实例讲解
- Bootstrap CSS布局之表单
- 关于Jquery中的bind(),on()绑定事件方式总结
- 探秘软件开发的另一极(1)
- 利用Spring Boot操作MongoDB的方法教程