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 相关文章推荐
浅谈Javascript事件模拟
Jun 27 Javascript
window.opener用法和用途实例介绍
Aug 19 Javascript
使用简洁的jQuery方法实现隔行换色功能
Jan 02 Javascript
JavaScript sup方法入门实例(把字符串显示为上标)
Oct 20 Javascript
javascript中使用正则表达式清理table样式的代码
Apr 01 Javascript
javascript中判断json的方法总结
Aug 27 Javascript
BootStrap CSS全局样式和表格样式源码解析
Jan 20 Javascript
如何抽象一个Vue公共组件
Oct 17 Javascript
详解js访问对象的属性和方法
Oct 25 Javascript
详解微信小程序开发用户授权登陆
Apr 24 Javascript
关于JS模块化的知识点分享
Oct 16 Javascript
vue实现购物车案例
May 30 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 第二节 数据类型之数组
2012/04/28 PHP
Java和PHP在Web开发方面对比分析
2015/03/01 PHP
PHP使用内置函数file_put_contents写入文件及追加内容的方法
2015/12/07 PHP
js获取提交的字符串的字节数
2009/02/09 Javascript
js实现的复制兼容chrome和IE
2014/04/03 Javascript
JavaScript iframe数据共享接口实现方法
2016/01/06 Javascript
angularjs表格分页功能详解
2016/01/21 Javascript
Jquery 自定义事件实现发布/订阅的简单实例
2016/06/12 Javascript
JavaScript解八皇后问题的方法总结
2016/06/12 Javascript
浅谈jQuery效果函数
2016/09/16 Javascript
javascript中对象的定义、使用以及对象和原型链操作小结
2016/12/14 Javascript
AngularJS的Filter的示例详解
2017/03/07 Javascript
客户端(vue框架)与服务器(koa框架)通信及服务器跨域配置详解
2017/08/26 Javascript
Angular实现下载安装包的功能代码分享
2017/09/05 Javascript
Angular 项目实现国际化的方法
2018/01/08 Javascript
Javascript的this详解
2019/03/23 Javascript
nodejs分离html文件里面的js和css的方法
2019/04/09 NodeJs
bootstrap-table后端分页功能完整实例
2020/06/01 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
2020/06/07 Javascript
Kettle中使用JavaScrip调用jar包对文件内容进行MD5加密的操作方法
2020/09/04 Javascript
[06:44]2018DOTA2亚洲邀请赛4.5 SOLO赛 MidOne vs Sumail
2018/04/06 DOTA
python 多进程通信模块的简单实现
2014/02/20 Python
python实现定时压缩指定文件夹发送邮件
2020/12/22 Python
Python学习笔记之变量、自定义函数用法示例
2019/05/28 Python
Python如何实现Paramiko的二次封装
2021/01/30 Python
CSS3 2D模拟实现摩天轮旋转效果
2016/11/16 HTML / CSS
iRobot官网:改变生活的家用机器人品牌
2016/09/20 全球购物
Parts Express:音频、视频和扬声器的第一来源
2017/04/25 全球购物
大型晚会策划方案
2014/02/06 职场文书
营销总监岗位职责
2014/09/16 职场文书
党支部组织生活会整改方案
2014/09/30 职场文书
2014年行政后勤工作总结
2014/12/06 职场文书
2015年百日安全活动总结
2015/03/26 职场文书
小学五年级班主任工作经验交流材料
2015/11/02 职场文书
导游词之镇江焦山
2019/11/21 职场文书
SpringBoot中获取profile的方法详解
2022/04/08 Java/Android