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 相关文章推荐
屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码
Apr 01 Javascript
通过jquery的$.getJSON做一个跨域ajax请求试验
May 03 Javascript
jquery 触发a链接点击事件解决方案
May 02 Javascript
js返回前一页刷新本页重载页面
Jul 29 Javascript
jquery使用animate方法实现控制元素移动
Mar 27 Javascript
jquery UI Datepicker时间控件的使用方法(加强版)
Nov 07 Javascript
简单实现限制uploadify上传个数
Nov 16 Javascript
浅谈Vue.use的使用
Aug 29 Javascript
jQuery实现表格隔行换色
Sep 01 jQuery
vue实现的下拉框功能示例
Jan 29 Javascript
Vuepress 搭建带评论功能的静态博客的实现
Feb 17 Javascript
electron 如何将任意资源打包的方法步骤
Apr 16 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 上一篇,下一篇文章实现代码与原理说明
2010/05/09 PHP
PHP基于接口技术实现简单的多态应用完整实例
2017/04/26 PHP
laravel返回统一格式错误码问题
2019/11/04 PHP
thinkphp5实现微信扫码支付
2019/12/23 PHP
JavaScript 高效运行代码分析
2010/03/18 Javascript
JS学习之一个简易的日历控件
2010/03/24 Javascript
JavaScript获取网页表单提交方式的方法
2015/04/02 Javascript
js焦点文字滚动效果代码分享
2015/08/25 Javascript
javascript合并表格单元格实例代码
2016/01/03 Javascript
JS使用eval()动态创建变量的方法
2016/06/03 Javascript
浅谈javascript中new操作符的原理
2016/06/07 Javascript
浅析如何利用angular结合translate为项目实现国际化
2016/12/08 Javascript
简单实现Bootstrap标签页
2020/08/09 Javascript
javascript与PHP动态往类中添加方法对比
2018/03/21 Javascript
vue.js表单验证插件(vee-validate)的使用教程详解
2019/05/23 Javascript
深入了解js原型模式
2019/05/30 Javascript
layui实现显示数据表格、搜索和修改功能示例
2020/06/03 Javascript
[48:39]Ti4主赛事胜者组第一天 EG vs NEWBEE 2
2014/07/19 DOTA
python爬取NUS-WIDE数据库图片
2016/10/05 Python
python 获取一个值在某个区间的指定倍数的值方法
2018/11/12 Python
Python中Unittest框架的具体使用
2019/08/27 Python
linux下python中文乱码解决方案详解
2019/08/28 Python
Pyqt5自适应布局实例
2019/12/13 Python
python如何通过pyqt5实现进度条
2020/01/20 Python
python实现同一局域网下传输图片
2020/03/20 Python
解决Django中checkbox复选框的传值问题
2020/03/31 Python
欧舒丹俄罗斯官方网站:L’OCCITANE俄罗斯
2019/11/22 全球购物
物业管理大学生个人的自我评价
2013/10/10 职场文书
乡镇消防工作实施方案
2014/03/27 职场文书
委托书样本
2014/04/02 职场文书
企业安全生产目标责任书
2014/07/23 职场文书
工会优秀工作者事迹
2014/08/17 职场文书
2014年发展党员工作总结
2014/11/12 职场文书
工程部部长岗位职责
2015/02/12 职场文书
2016五一劳动节慰问信
2015/11/30 职场文书
聊聊Python中关于a=[[]]*3的反思
2021/06/02 Python