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 相关文章推荐
用html+css+js实现的一个简单的图片切换特效
May 28 Javascript
Javascript中的包装类型介绍
Apr 02 Javascript
JS实现转动随机数抽奖特效代码
Apr 16 Javascript
深入剖析javascript中的exec与match方法
May 18 Javascript
在web中js实现类似excel的表格控件
Sep 01 Javascript
使用JS轻松实现ionic调用键盘搜索功能(超实用)
Sep 06 Javascript
详解Angualr 组件间通信
Jan 21 Javascript
Vue组件选项props实例详解
Aug 18 Javascript
认识jQuery的Promise的具体使用方法
Oct 10 jQuery
详解node.js中的npm和webpack配置方法
Jan 21 Javascript
微信小程序实现星级评价效果
Dec 28 Javascript
vue实现移动端div拖动效果
Mar 03 Vue.js
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
mysql4.1以上版本连接时出现Client does not support authentication protocol问题解决办法
2007/03/15 PHP
php+mysql数据库查询实例
2015/01/21 PHP
PHP基于DateTime类解决Unix时间戳与日期互转问题【针对1970年前及2038年后时间戳】
2018/06/13 PHP
ThinkPHP框架获取最后一次执行SQL语句及变量调试简单操作示例
2018/06/13 PHP
jquery api参考 visualjquery 中国线路 速度快
2007/11/30 Javascript
关于jquery ajax 调用带参数的webservice返回XML数据一个小细节
2012/07/31 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
2013/04/17 Javascript
查找Oracle高消耗语句的方法
2014/03/22 Javascript
JS+CSS实现电子商务网站导航模板效果代码
2015/09/10 Javascript
bootstrap手风琴折叠示例代码分享
2017/05/22 Javascript
jQuery实现动态给table赋值的方法示例
2017/07/04 jQuery
使用nodejs+express实现简单的文件上传功能
2017/12/27 NodeJs
vue组件实现进度条效果
2018/06/06 Javascript
微信小程序五子棋游戏的棋盘,重置,对弈实现方法【附demo源码下载】
2019/02/20 Javascript
jQuery 动画与停止动画效果实例详解
2020/05/19 jQuery
JS获取一个字符串中指定字符串第n次出现的位置
2021/02/10 Javascript
Python logging模块学习笔记
2014/05/24 Python
使用Python实现windows下的抓包与解析
2018/01/15 Python
使用python语言,比较两个字符串是否相同的实例
2018/06/29 Python
Numpy中矩阵matrix读取一列的方法及数组和矩阵的相互转换实例
2018/07/02 Python
深入理解Django自定义信号(signals)
2018/10/15 Python
Python程序包的构建和发布过程示例详解
2019/06/09 Python
Django ORM多对多查询方法(自定义第三张表&amp;ManyToManyField)
2019/08/09 Python
pytorch: Parameter 的数据结构实例
2019/12/31 Python
python对Excel的读取的示例代码
2020/02/14 Python
selenium WebDriverWait类等待机制的实现
2020/03/18 Python
Django import export实现数据库导入导出方式
2020/04/03 Python
毕业研究生的自我鉴定
2013/11/30 职场文书
银行个人求职自荐信范文
2013/12/16 职场文书
大学考试作弊检讨书
2014/01/30 职场文书
2014年学习全国道德模范事迹思想汇报
2014/09/15 职场文书
夫妻房产协议书的格式
2014/10/11 职场文书
小浪底导游词
2015/02/12 职场文书
计算机实训心得体会
2016/01/14 职场文书
vue 给数组添加新对象并赋值
2022/04/20 Vue.js
人工智能深度学习OpenAI baselines的使用方法
2022/05/20 Python