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 相关文章推荐
利用js对象弹出一个层
Mar 26 Javascript
js直接编辑当前cookie的脚本
Sep 14 Javascript
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
May 13 Javascript
简介JavaScript中的setTime()方法的使用
Jun 11 Javascript
jquery实现可自动判断位置的弹出层效果代码
Oct 12 Javascript
jQuery页面加载初始化的3种方法(推荐)
Jun 02 Javascript
AngularJS入门教程之过滤器用法示例
Nov 02 Javascript
简单易懂的天气插件(代码分享)
Feb 04 Javascript
微信小程序 地图map实例详解
Jun 07 Javascript
利用nginx + node在阿里云部署https的步骤详解
Dec 19 Javascript
微信小程序实现首页弹出广告
Dec 03 Javascript
教你使用vscode 搭建react-native开发环境
Jul 07 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
下载文件的点击数回填
2006/10/09 PHP
php检测useragent版本示例
2014/03/24 PHP
PHP反射机制用法实例
2014/08/28 PHP
Laravel 4.2 中队列服务(queue)使用感受
2014/10/30 PHP
smarty自定义函数htmlcheckboxes用法实例
2015/01/22 PHP
PHP实现一个按钮点击上传多个图片操作示例
2020/01/23 PHP
jQuery 使用手册(五)
2009/09/23 Javascript
Javascript连接多个数组不用concat来解决
2014/03/24 Javascript
Ext GridPanel加载完数据后进行操作示例代码
2014/06/17 Javascript
Javascript基础教程之argument 详解
2015/01/18 Javascript
jQuery实现手机号码输入提示功能实例
2015/04/30 Javascript
jquery中ready()函数执行的时机和window的load事件比较
2015/06/22 Javascript
JavaScript基于对象去除数组重复项的方法
2016/10/09 Javascript
Javascript基础回顾之(一) 类型
2017/01/31 Javascript
JS验证字符串功能
2017/02/22 Javascript
原生JS京东轮播图代码
2017/03/22 Javascript
解决Linux无法正常安装与卸载Node.js的方法
2018/01/19 Javascript
Angular 利用路由跳转到指定页面的指定位置方法
2018/08/31 Javascript
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
2019/09/28 Javascript
微信小程序批量上传图片到七牛(推荐)
2019/12/19 Javascript
JS数组进阶示例【数组的几种函数用法】
2020/01/16 Javascript
Python排序搜索基本算法之冒泡排序实例分析
2017/12/09 Python
python实现淘宝秒杀聚划算抢购自动提醒源码
2020/06/23 Python
python 对key为时间的dict排序方法
2018/10/17 Python
python导包的几种方法(自定义包的生成以及导入详解)
2019/07/15 Python
python圣诞树编写实例详解
2020/02/13 Python
体育教师自我鉴定
2014/02/12 职场文书
幼儿园毕业园长感言
2014/02/24 职场文书
元旦寄语大全
2014/04/10 职场文书
酒店管理专业毕业生求职自荐信
2014/04/28 职场文书
运动会广播稿200字
2014/10/18 职场文书
采购员岗位职责范本
2015/04/07 职场文书
物业接待员岗位职责
2015/04/15 职场文书
女人创业励志语录,句句蕴含能量,激发你的潜能
2019/08/20 职场文书
导游词之天津盘山
2019/11/01 职场文书
MySQL中IO问题的深入分析与优化
2022/04/02 MySQL