javascript 获取所有id中包含某关键字的控件的实现代码_javascript技巧

//获取某容器控件中id包含某字符串的控件id列表
//参数:容器控件、要查找的控件的id关键字、要查找的控件的标签名称
//返回值:查找到的控件id列表字符串,以逗号分割。

复制代码 代码如下:

function GetIdListBySubKey(container,subKey,TagName)
{
var idList = "";
for(var i = 0; i < container.childNodes.length;i++)
{
if(container.childNodes[i].nodeName == TagName && container.childNodes[i].id.indexOf(subKey) > -1)
{
idList += container.childNodes[i].id + ",";
}
if(container.childNodes[i].childNodes.length > 0)
{
idList += GetIdListBySubKey(container.childNodes[i],subKey,TagName)
}
}
return idList;
}

可以用来获取GridView中的控件。
改进:可以去掉TagName参数
//获取某容器控件中id包含某字符串的控件id列表
//参数:容器控件、要查找的控件的id关键字
//返回值:查找到的控件id列表字符串,以逗号分割。

复制代码 代码如下:

function GetIdListBySubKey(container,subIdKey)
{
var idList = "";
for(var i = 0; i < container.childNodes.length;i++)
{
if(container.childNodes[i].attributes != null && container.childNodes[i].attributes["id"] != undefined && container.childNodes[i].id.indexOf(subIdKey) > -1)
{
idList += container.childNodes[i].id + ",";
}
if(container.childNodes[i].childNodes.length > 0)
{
idList += GetIdListBySubKey(container.childNodes[i],subIdKey)
}
}
return idList;
}

如:GetIdListBySubKey(document,"txt_Money")
改进:直接返回控件数组
//获取某容器控件中id包含某字符串的控件数组
//参数:容器控件、要查找的控件的id关键字
//返回值:查找到的控件数组

复制代码 代码如下:

function GetConListBySubKey(container,subIdKey)
{
var reConArry = [];
for(var i = 0; i < container.childNodes.length;i++)
{
if(container.childNodes[i].attributes != null && container.childNodes[i].attributes["id"] != undefined && container.childNodes[i].id.indexOf(subIdKey) > -1)
{
reConArry.push(container.childNodes[i]);
}
if(container.childNodes[i].childNodes.length > 0)
{
var re = GetConListBySubKey(container.childNodes[i],subIdKey)
for(var k = 0;k<re.length;k++)
{
reConArry.push(re[k]);
}
}
}
return reConArry;
}

时间: 2024-10-03 09:14:13

javascript 获取所有id中包含某关键字的控件的实现代码_javascript技巧的相关文章

javascript遍历控件实例详细解析_javascript技巧

js遍历页面控件, 复制代码 代码如下:  var inputArr = document.forms[0];   for( var i = 0; i < inputArr.length; i++ ) {    if( inputArr[i].type.toUpperCase() == "BUTTON" ) {     inputArr[i].disabled="disabled";    }else if( inputArr[i].type.toUpperC

javascript 树控件 比较好用_javascript技巧

 1.ExtJS TreePanels TreePanels 是ExtJS自身使用的树控件,它是目前最好用的树控件之一,它有诸多优点比如支持自由拖放,ExtJS本身就有非常完善的API和开发文档,但是商业项目是需要购买license的. 2.QooXdoo Tree Widget QooXdoo Tree Widget是一款OOP风格的js树控件,它支持自由扩展树控件的样式,比如做成跟文件系统一样的风格,还支持动态添加子节点.键盘导航.   3.jsTree jstree兼容多个浏览器,它有诸多

JavaScript中实现无缝滚动、分享到侧边栏实例代码_javascript技巧

废话不多说,直接给大家贴代码了,代码解决一起问题! 下面一段代码给大家介绍js无缝滚动实例代码: 代码如下所示: <!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&

JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)_javascript技巧

JavaScript获取鼠标移动时的坐标(兼容:IE8.谷歌.Firefox.Opera ),测试通过 直接复制成html文件,即可运行. 为方便大家测试特准备了一份在线演示 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&quo

url传递的参数值中包含&amp;时,url自动截断问题的解决方法_javascript技巧

一.问题的引出 在做一个公告浏览功能时,只要通过url传递的某参数值中包含 & 或  ,就会出现问题--该变量的值无法显示. 问题定位结果: 遇到&时,该参数的值会自动截断,导致参数值传递有误. 二.问题的解决 java代码中做如下测试: String  charEncode = java.net.URLEncoder.encode("&"); System.out.println("字符& 转译后的值为:" + charEncode

js获取对象、数组的实际长度,元素实际个数的实现代码_javascript技巧

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

动态加载图片路径 保持JavaScript控件的相对独立性_javascript技巧

当时考虑有三种方法: 1.直接把路径写在js文件里,但如果引用页面路径层级改变就没辙了. 2.写个class,放在主题包里的css文件或者单独创建一个css文件给日期控件专用.但是控件中的其他元素并没有使用class的需要,单独建立相应css文档似乎小题大做. 3.把以上两个方法排除后,自然要采用动态加载图片路径的方法咯. 关键代码如下: 复制代码 代码如下: //创建一个全局变量保存路径 var imgRootUrl = ""; //获取图片路径所在目录 var strPath=wi

JavaScript遍历table表格中的某行某列并打印其值_javascript技巧

JavaScript遍历table 1.说明 遍历表格中的某行某列,并打印其值 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">

JavaScript中判断原生函数检查function是否是原生代码_javascript技巧

我总是经常碰到需要检查某个function是否是原生代码的情况 -- 这是功能测试中一个很重要的内容: 函数是浏览器内置支持的,还是通过第三方类库模拟的.要检测这一点,最简单的办法当然是判断函数的 toString 方法返回的值啦. JavaScript代码 判断函数是否是原生方法其实相当简单: // 判断是否原生函数 function isNative(fn) { // 示例: // alert.toString() // "function alert() { [native code] }