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 相关文章推荐
用XMLDOM和ADODB.Stream实现base64编码解码实现代码
Nov 28 Javascript
JavaScript 32位整型无符号操作示例
Dec 08 Javascript
简单的jQuery入门指引
Jul 28 Javascript
jquery实现的动态回到顶部特效代码
Oct 28 Javascript
巧用jQuery选择器提高写表单效率的方法
Aug 19 Javascript
jQuery 遍历map()方法详解
Nov 04 Javascript
浅谈EasyUi ComBotree树修改 父节点选择的问题
Nov 07 Javascript
JavaScript算法教程之sku(库存量单位)详解
Jun 29 Javascript
JS实现页面打印(整体、局部)
Aug 18 Javascript
Angular2管道Pipe及自定义管道格式数据用法实例分析
Nov 29 Javascript
Vue2.5 结合 Element UI 之 Table 和 Pagination 组件实现分页功能
Jan 26 Javascript
vue2中使用less简易教程
Mar 27 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/07/22 PHP
PHP数据类型之整数类型、浮点数的介绍
2013/04/28 PHP
php封装的图片(缩略图)处理类完整实例
2016/10/19 PHP
PHP 使用二进制保存用户状态的实例
2018/01/29 PHP
jquery选择器(常用选择器说明)
2010/09/28 Javascript
IE6/7/8中Option元素未设value时Select将获取空字符串
2011/04/07 Javascript
给文字加上着重号的JS代码
2013/11/12 Javascript
javascript控制在光标位置插入文字适合表情的插入
2014/06/09 Javascript
浅析Node.js的Stream模块中的Readable对象
2015/07/29 Javascript
jQuery链式调用与show知识浅析
2016/05/11 Javascript
输入法的回车与消息发送快捷键回车的冲突解决方法
2016/08/09 Javascript
微信小程序 swiper组件详解及实例代码
2016/10/25 Javascript
js实现数字递增特效【仿支付宝我的财富】
2017/05/05 Javascript
详解如何构建Angular项目目录结构
2017/07/13 Javascript
vue实现文章内容过长点击阅读全文功能的实例
2017/12/28 Javascript
vue2.0实现移动端的输入框实时检索更新列表功能
2018/05/08 Javascript
vue 点击按钮实现动态挂载子组件的方法
2018/09/07 Javascript
对layui中table组件工具栏的使用详解
2019/09/19 Javascript
Python数据类型详解(二)列表
2016/05/08 Python
Python中列表元素转为数字的方法分析
2016/06/14 Python
Python pymongo模块常用操作分析
2018/09/01 Python
python实现画五角星和螺旋线的示例
2019/01/20 Python
Django如何防止定时任务并发浅析
2019/05/14 Python
python 反编译exe文件为py文件的实例代码
2019/06/27 Python
Python爬虫图片懒加载技术 selenium和PhantomJS解析
2019/09/18 Python
django的403/404/500错误自定义页面的配置方式
2020/05/21 Python
Parfume Klik丹麦:香水网上商店
2018/07/10 全球购物
俄罗斯隐形眼镜和眼镜在线商店:Cronos
2020/06/02 全球购物
机电专业个人求职信范文
2013/12/30 职场文书
校园绿化美化方案
2014/06/08 职场文书
教师四风对照检查材料思想汇报
2014/09/17 职场文书
2014年教研室工作总结
2014/12/06 职场文书
2015秋学期开学寄语
2015/05/28 职场文书
保护环境建议书作文300字
2015/09/14 职场文书
创业方案:赚钱的烧烤店该怎样做?
2019/07/05 职场文书
Python函数对象与闭包函数
2022/04/13 Python