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 操作css样式、位置、尺寸方法汇总
Nov 28 Javascript
js实现带缓冲效果的仿QQ面板折叠菜单代码
Sep 06 Javascript
jQuery检查元素存在性(推荐)
Sep 17 Javascript
KnockoutJS 3.X API 第四章之数据控制流with绑定
Oct 10 Javascript
JS如何设置iOS中微信浏览器的title
Nov 22 Javascript
JavaScript中校验银行卡号的实现代码
Dec 19 Javascript
详解jQuery选择器
Dec 21 Javascript
Bootstrap选项卡学习笔记分享
Feb 13 Javascript
JQuery实现定时刷新功能代码
May 09 jQuery
VueJS 集成 Medium Editor的示例代码 (自定义编辑器按钮)
Aug 24 Javascript
vue 使用插槽分发内容操作示例【单个插槽、具名插槽、作用域插槽】
Mar 06 Javascript
Vant Weapp组件踩坑:picker的初始赋值解决
Nov 12 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
PHP4 与 MySQL 数据库操作函数详解
2006/12/06 PHP
php读取msn上的用户信息类
2008/12/05 PHP
php使用fsockopen函数发送post,get请求获取网页内容的方法
2014/11/15 PHP
PHP-FPM 的管理和配置详解
2019/02/17 PHP
laravel实现登录时监听事件,添加登录用户的记录方法
2019/09/30 PHP
js获取select标签选中值的两种方式
2014/01/09 Javascript
jQuery选择器简明总结(含用法实例,一目了然)
2014/04/25 Javascript
javascript制作的网页侧边弹出框思路及实现代码
2014/05/21 Javascript
JavaScript函数定义的常见注意事项小结
2014/09/16 Javascript
javascript 兼容各个浏览器的事件
2015/02/04 Javascript
jQuery中的ajax async同步和异步详解
2015/09/29 Javascript
jQuery基于排序功能实现上移、下移的方法
2016/11/26 Javascript
bootstrap中的 form表单属性role=&quot;form&quot;的作用详解
2017/01/20 Javascript
JavaScript简单计算人的年龄示例
2017/04/15 Javascript
详解用node编写自己的cli工具
2017/05/23 Javascript
vue根据值给予不同class的实例
2018/09/29 Javascript
详解vue-cli+element-ui树形表格(多级表格折腾小计)
2019/04/17 Javascript
Vue的click事件防抖和节流处理详解
2019/11/13 Javascript
微信小程序获取当前位置和城市名
2019/11/13 Javascript
加速vue组件渲染之性能优化
2020/04/09 Javascript
基于vue.js仿淘宝收货地址并设置默认地址的案例分析
2020/08/20 Javascript
[04:44]DOTA2英雄梦之声_第12期_矮人直升机
2014/06/21 DOTA
基于python操作ES实例详解
2019/11/16 Python
用python介绍4种常用的单链表翻转的方法小结
2020/02/24 Python
详解CSS3新增的背景属性
2019/12/25 HTML / CSS
html5基础标签(html5视频标签 html5新标签用法)
2013/12/30 HTML / CSS
整理HTML5移动端开发的常用触摸事件
2016/04/15 HTML / CSS
荷兰皇家航空公司官方网站:KLM Royal Dutch Airlines
2017/12/07 全球购物
Linux操作面试题
2015/02/11 面试题
银行实习人员自我鉴定
2013/09/22 职场文书
会计电算化专业毕业生自荐信
2013/12/20 职场文书
大学生求职信范文应怎么写
2014/01/01 职场文书
大学生村官典型材料
2014/01/12 职场文书
项目施工员岗位职责
2014/03/09 职场文书
5种方法告诉你如何使JavaScript 代码库更干净
2021/09/15 Javascript
什么是动态刷新率DRR? Windows11动态刷新率功能介绍
2021/11/21 数码科技