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 表单验证常见正则
Sep 28 Javascript
JavaScript基础知识之数据类型
Aug 06 Javascript
jQuery中offsetParent()方法用法实例
Jan 19 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
Aug 29 Javascript
jquery心形点赞关注效果的简单实现
Nov 14 Javascript
JS实现标签滚动切换效果
Dec 25 Javascript
vue.js单文件组件中非父子组件的传值实例
Sep 13 Javascript
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
Sep 28 Javascript
vue-cli 构建骨架屏的方法示例
Nov 08 Javascript
axios携带cookie配置详解(axios+koa)
Dec 28 Javascript
微信小程序使用蓝牙小插件
Sep 23 Javascript
JavaScript 事件代理需要注意的地方
Sep 08 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
MySQL数据库转移,access,sql server 转 MySQL 的图文教程
2007/09/02 PHP
用C/C++扩展你的PHP 为你的php增加功能
2012/09/06 PHP
解析php addslashes()与addclashes()函数的区别和比较
2013/06/24 PHP
使用php判断网页是否gzip压缩
2013/06/25 PHP
如何给phpcms v9增加类似于phpcms 2008中的关键词表
2013/07/01 PHP
PHP图片处理之图片旋转和图片翻转实例
2014/11/19 PHP
JavaScript实现滚动栏效果的方法
2015/04/27 PHP
深入理解PHP之源码目录结构与功能说明
2016/06/01 PHP
Prototype源码浅析 String部分(四)之补充
2012/01/16 Javascript
javascript 基础篇3 类,回调函数,内置对象,事件处理
2012/03/14 Javascript
Swiper实现轮播图效果
2017/07/03 Javascript
微信小程序报错:this.setData is not a function的解决办法
2017/09/27 Javascript
JS实现的3des+base64加密解密算法完整示例
2018/05/18 Javascript
vue移动端弹框组件的实例
2018/09/25 Javascript
详解nvm管理多版本node踩坑
2019/07/26 Javascript
layui table设置某一行的字体颜色方法
2019/09/05 Javascript
[44:15]DOTA2上海特级锦标赛主赛事日 - 5 败者组决赛Liquid VS EG第二局
2016/03/06 DOTA
[03:30]完美盛典趣味短片 CSGO2019年度名场面
2019/12/07 DOTA
Python实现信用卡系统(支持购物、转账、存取钱)
2016/06/24 Python
python+matplotlib绘制饼图散点图实例代码
2018/01/20 Python
对python列表里的字典元素去重方法详解
2019/01/21 Python
python实现多进程按序号批量修改文件名的方法示例
2019/12/30 Python
python实现将中文日期转换为数字日期
2020/07/14 Python
深入浅析pycharm中 Make available to all projects的含义
2020/09/15 Python
详解Anaconda安装tensorflow报错问题解决方法
2020/11/01 Python
python实现企业微信定时发送文本消息的实例代码
2020/11/25 Python
使用JS+CSS3技术:让你的名字动起来
2013/04/27 HTML / CSS
html5使用canvas实现弹幕功能示例
2017/09/11 HTML / CSS
Marlies Dekkers内衣荷兰官方网店:荷兰奢侈内衣品牌
2020/03/27 全球购物
工作失误检讨书范文大全
2014/01/13 职场文书
乡镇保密工作责任书
2014/07/28 职场文书
单位租房协议书范本
2014/12/04 职场文书
校园新闻稿范文
2015/07/18 职场文书
详解MySQL主从复制及读写分离
2021/05/07 MySQL
Golang 实现WebSockets
2022/04/24 Golang
nginx 配置指令之location使用详解
2022/05/25 Servers