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
随机推荐
- ASP.NET MVC3关于生成纯静态后如何不再走路由直接访问静态页面
- bootstrap datetimepicker2.3.11时间插件使用
- js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本
- 浅谈JavaScript超时调用和间歇调用
- C#使用Dispose模式实现手动对资源的释放
- Android日期时间格式国际化的实现代码
- C# winform打开Excel文档的方法总结(必看篇)
- PHP结合Ueditor并修改图片上传路径
- JS实现屏蔽shift,Ctrl,alt等功能键的方法
- linux 服务版安装简易说明书
- jquery实现仿JqueryUi可拖动的DIV实例
- javascript操纵OGNL标签示例代码
- Asp.net内置对象之Request对象(概述及应用)
- JS中style属性
- js 自定义的联动下拉框
- Java中弱引用和软引用的区别以及虚引用和强引用介绍
- asp.net Repeater 自增
- Python异常处理操作实例详解
- Python Numpy计算各类距离的方法
- Python项目 基于Scapy实现SYN泛洪攻击的方法