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 相关文章推荐
JQuery勾选指定name的复选框集合并显示的方法
May 18 Javascript
jQuery学习心得总结(必看篇)
Jun 10 Javascript
轻松掌握JavaScript装饰者模式
Aug 27 Javascript
bootstrap suggest下拉框使用详解
Apr 10 Javascript
微信小程序 新建登录页并实现tabBar隐藏
Jun 13 Javascript
vue router下的html5 history在iis服务器上的设置方法
Oct 18 Javascript
AngularJS日期格式化常见操作实例分析
May 17 Javascript
koa-router源码学习小结
Sep 07 Javascript
vue实现固定位置显示功能
May 30 Javascript
vue-cli3.0实现一个多页面应用的历奇经历记录总结
Mar 16 Javascript
Element Cascader 级联选择器的使用示例
Jul 27 Javascript
vue实现简单计算商品价格
Sep 14 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 XML error parsing SOAP payload on line 1
2010/06/17 PHP
PHP、Python和Javascript的装饰器模式对比
2015/02/03 PHP
PHP框架Laravel学习心得体会
2015/10/28 PHP
linux下php上传文件注意事项
2016/06/11 PHP
几行代码轻松实现PHP文件打包下载zip
2017/03/01 PHP
PHP PDOStatement::fetch讲解
2019/01/31 PHP
PHP 数组黑名单/白名单实例代码详解
2019/06/04 PHP
javascript 兼容FF的onmouseenter和onmouseleave的代码
2008/07/19 Javascript
JQuery小知识
2010/10/15 Javascript
jQuery学习笔记之jQuery选择器的使用
2010/12/22 Javascript
统计jQuery中各字符串出现次数的工具
2012/05/03 Javascript
jQuery通过写入cookie实现更换网页背景的方法
2016/04/15 Javascript
Google 地图控件集详解及实例代码
2016/08/06 Javascript
JavaScript原生数组Array常用方法
2017/04/06 Javascript
详解Vue使用命令行搭建单页面应用
2017/05/24 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
2017/06/20 jQuery
vue2.0中vue-cli实现全选、单选计算总价格的实例代码
2017/07/18 Javascript
Vue.js学习笔记之常用模板语法详解
2017/07/25 Javascript
javascript中神奇的 Date对象小结
2017/10/12 Javascript
vue+vuecli+webpack中使用mockjs模拟后端数据的示例
2017/10/24 Javascript
JavaScript屏蔽Backspace键的实现代码
2017/11/02 Javascript
js 实现复选框只能选择一项的示例代码
2018/01/23 Javascript
Vue中computed、methods与watch的区别总结
2019/04/10 Javascript
node解析修改nginx配置文件操作实例分析
2019/11/06 Javascript
基于vue实现探探滑动组件功能
2020/05/29 Javascript
[01:55]2014DOTA2国际邀请赛快报:国土生病 紧急去医院治疗
2014/07/10 DOTA
Python的time模块中的常用方法整理
2015/06/18 Python
在Python中通过threading模块定义和调用线程的方法
2016/07/12 Python
python 基于opencv 实现一个鼠标绘图小程序
2020/12/11 Python
爱尔兰橄榄球店:Irish Rugby Store
2019/12/05 全球购物
2014党员民主评议个人总结
2014/09/10 职场文书
股指期货心得体会
2014/09/13 职场文书
2014小学二年级班主任工作总结
2014/12/05 职场文书
2015年档案室工作总结
2015/05/23 职场文书
会计专业自荐信范文
2019/05/22 职场文书
再次探讨go实现无限 buffer 的 channel方法
2021/06/13 Golang