javascript客户端遍历控件与获取父容器对象示例代码


Posted in Javascript onJanuary 06, 2014

1,遍历也面中所有的控件
function findControlAll()
    {
        var inputs=document.getElementsByTagName("input");
        for(j=0;j<inputs.length;j++)  
        if(inputs[j].type=="text") //这儿将页面所有类型为text的控件找出来,也可以设置成你想遍历的控件类型
       {  
            inputs[j].value="";    //清空文本框的内容
        } 
}
2,遍历指定容器中的控件 
function findControl()
    {
        //下面的table1是指遍历该table中的控件
        var inputs = document.getElementById("table1").getElementsByTagName("input");
        for(var i=0;i<inputs.length;i++)
        {
            if(inputs[i].type=="text")//和上面的一样,控件的类型和所要做的操作可根据需要填写
            {
                inputs[i].value="";
            }
        } 
     }

获取父容器对象

<div >
<input type="button" value="获取父容器对象" onclick="CheckBoxAll(this)"/>
</div>
function CheckBoxAll(e){
//parentNode  是获取上级属性
var obj = e.parentNode.parentNode.parentNode.getElementsByTagName("*");}
Javascript 相关文章推荐
IE中jscript/javascript的条件编译
Sep 07 Javascript
爱恋千雪-US-AscII加密解密工具(网页加密)下载
Jun 06 Javascript
初学JavaScript第二章
Sep 30 Javascript
详解AngularJS中module模块的导入导出
Dec 10 Javascript
js 弹出虚拟键盘修改密码的简单实例
Oct 10 Javascript
解析js如何获取css样式
Dec 11 Javascript
Angular中ng-repeat与ul li的多层嵌套重复问题
Jul 24 Javascript
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
Oct 19 jQuery
使用webpack打包koa2 框架app
Feb 02 Javascript
vue 动态改变静态图片以及请求网络图片的实现方法
Feb 07 Javascript
解决vue+element 键盘回车事件导致页面刷新的问题
Aug 25 Javascript
基于three.js实现的3D粒子动效实例代码
Apr 09 Javascript
Javascript 遍历页面text控件详解
Jan 06 #Javascript
jquery链式操作的正确使用方法
Jan 06 #Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
Jan 06 #Javascript
jquery修改属性值实例代码(设置属性值)
Jan 06 #Javascript
js定时器的使用(实例讲解)
Jan 06 #Javascript
浅析js中的浮点型运算问题
Jan 06 #Javascript
js中浮点型运算BUG的解决方法说明
Jan 06 #Javascript
You might like
PHP用GD库生成高质量的缩略图片
2011/03/09 PHP
PHP函数学习之PHP函数点评
2012/07/05 PHP
PHP中的Session对象如何使用
2015/09/25 PHP
由php中字符offset特征造成的绕过漏洞详解
2017/07/07 PHP
PHP扩展mcrypt实现的AES加密功能示例
2019/01/29 PHP
javascript 清空form表单中某种元素的值
2009/12/26 Javascript
在html页面上拖放移动标签
2010/01/08 Javascript
jquery 插件学习(一)
2012/08/06 Javascript
js实现单一html页面两套css切换代码
2013/04/11 Javascript
文本有关的样式和jQuery求对象的高宽问题分别说明
2013/08/30 Javascript
jquery定时滑出可最小化的底部提示层特效代码
2013/10/02 Javascript
JavaScript定义类的几种方式总结
2014/01/06 Javascript
jQuery检查事件是否触发的方法
2015/06/26 Javascript
探讨JavaScript中的Rest参数和参数默认值
2015/07/29 Javascript
IONIC自定义subheader的最佳解决方案
2016/09/22 Javascript
简单实现Vue的observer和watcher
2016/12/21 Javascript
微信小程序自定义导航隐藏和显示功能
2017/06/13 Javascript
vue cli使用融云实现聊天功能的实例代码
2019/04/19 Javascript
JavaScript封闭函数及常用内置对象示例
2019/05/13 Javascript
Python环境下搭建属于自己的pip源的教程
2016/05/05 Python
Python实现的连接mssql数据库操作示例
2018/08/17 Python
在python下使用tensorflow判断是否存在文件夹的实例
2019/06/10 Python
Django使用中间件解决前后端同源策略问题
2019/09/02 Python
python异步编程 使用yield from过程解析
2019/09/25 Python
在vscode中配置python环境过程解析
2019/09/28 Python
python自动化测试之异常及日志操作实例分析
2019/11/09 Python
python中wheel的用法整理
2020/06/15 Python
LODI女鞋在线商店:阿利坎特的鞋类品牌
2019/02/15 全球购物
音乐专业自荐信
2014/02/07 职场文书
彩色的翅膀教学反思
2014/04/25 职场文书
机械专业求职信范文
2014/07/15 职场文书
校园学雷锋广播稿
2014/10/08 职场文书
英文慰问信
2015/02/14 职场文书
运动会闭幕式主持词
2015/07/01 职场文书
2019年亲子运动会口号
2019/10/11 职场文书
MySQL数据库之内置函数和自定义函数 function
2022/06/16 MySQL