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 相关文章推荐
Prototype中dom对象方法汇总
Sep 17 Javascript
js no-repeat写法 背景不重复
Mar 18 Javascript
jQuery中before()方法用法实例
Dec 25 Javascript
location.hash保存页面状态的技巧
Apr 28 Javascript
分享10个优化代码的CSS和JavaScript工具
May 11 Javascript
JavaScript中定时控制Throttle、Debounce和Immediate详解
Nov 17 Javascript
easyui combogrid实现本地模糊搜索过滤多列
May 13 Javascript
Angularjs之ngModel中的值验证绑定方法
Sep 13 Javascript
详解关于微信setData回调函数中的坑
Feb 18 Javascript
微信小程序第三方框架对比 之 wepy / mpvue / taro
Apr 10 Javascript
VUE安装使用教程详解
Jun 03 Javascript
JavaScript forEach中return失效问题解决方案
Jun 01 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 删除cookie和浏览器重定向
2009/03/16 PHP
PHP中mb_convert_encoding与iconv函数的深入解析
2013/06/21 PHP
PHP基于ICU扩展intl快速实现汉字转拼音及按拼音首字母分组排序的方法
2017/05/03 PHP
刷新时清空文本框内容的js代码
2007/04/23 Javascript
javascript 常用关键字列表集合
2007/12/04 Javascript
非常有用的40款jQuery 插件推荐(系列二)
2011/12/25 Javascript
c#和Javascript操作同一json对象的实现代码
2012/01/17 Javascript
js中window.open()的所有参数详细解析
2014/01/09 Javascript
JavaScript中的setUTCDate()方法使用详解
2015/06/11 Javascript
javascript禁止超链接跳转的方法
2016/02/02 Javascript
AngularJS ng-bind-template 指令详解
2016/07/30 Javascript
AngularJS基础 ng-readonly 指令简单示例
2016/08/02 Javascript
原生js封装的一些jquery方法(详解)
2016/09/20 Javascript
JS实现的RGB网页颜色在线取色器完整实例
2016/12/21 Javascript
js正则表达式最长匹配(贪婪匹配)和最短匹配(懒惰匹配)用法分析
2016/12/27 Javascript
NodeJS实现图片上传代码(Express)
2017/06/30 NodeJs
Angular4项目中添加i18n国际化插件ngx-translate的步骤详解
2017/07/02 Javascript
vue-以文件流-blob-的形式-下载-导出文件操作
2020/08/07 Javascript
Vue使用路由钩子拦截器beforeEach和afterEach监听路由
2020/11/16 Javascript
[02:16]卖萌的僵尸 DOTA2神话信使飞僵小宝来袭
2014/03/24 DOTA
Python如何判断数独是否合法
2016/09/08 Python
对python 多个分隔符split 的实例详解
2018/12/20 Python
Python如何调用外部系统命令
2019/08/07 Python
Python用dilb提取照片上人脸的示例
2020/10/26 Python
Django缓存Cache使用详解
2020/11/30 Python
中国跨境电子商务网站:NewFrog
2018/03/10 全球购物
Prototype是怎么扩展DOM的
2014/10/01 面试题
教学实验楼管理制度
2014/02/01 职场文书
人力资源作业细则
2014/03/03 职场文书
签约仪式主持词
2014/03/19 职场文书
生日宴会主持词
2014/03/20 职场文书
干部选拔任用方案
2014/05/26 职场文书
六查六看自查报告
2014/10/14 职场文书
《改造我们的学习》心得体会
2014/11/07 职场文书
小学老师对学生的评语
2014/12/29 职场文书
2015年社区国庆节活动总结
2015/07/30 职场文书