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 相关文章推荐
浅析document.createDocumentFragment()与js效率
Jul 08 Javascript
jQuery搜索子元素的方法
Feb 10 Javascript
JavaScript实现带标题的图片轮播特效
May 20 Javascript
使用Chrome浏览器调试AngularJS应用的方法
Jun 18 Javascript
jQuery简单实现页面元素置顶时悬浮效果示例
Aug 01 Javascript
JavaScript简单验证表单空值及邮箱格式的方法
Jan 20 Javascript
React-Native中props具体使用详解
Sep 04 Javascript
纯JavaScript实现实时反馈系统时间
Oct 26 Javascript
Node.js使用Koa搭建 基础项目
Jan 08 Javascript
p5.js入门教程之鼠标交互的示例
Mar 16 Javascript
axios携带cookie配置详解(axios+koa)
Dec 28 Javascript
vue 中url 链接左边的小图标更改问题
Dec 30 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/06/15 PHP
分享一下贝贝成长进度的php代码
2012/09/14 PHP
PHP基于堆栈实现的高级计算器功能示例
2017/09/15 PHP
Prototype使用指南之hash.js
2007/01/10 Javascript
鼠标移动到图片名上,显示图片的简单实例
2013/07/14 Javascript
jquery mobile动态添加元素之后不能正确渲染解决方法说明
2014/03/05 Javascript
Javascript基础教程之数据类型转换
2015/01/18 Javascript
js实现文本框只允许输入数字并限制数字大小的方法
2015/08/19 Javascript
轻松实现javascript数据双向绑定
2015/11/11 Javascript
javascript this详细介绍
2016/09/19 Javascript
微信小程序开发的四十个技术窍门总结(推荐)
2017/01/23 Javascript
nodejs中全局变量的实例解析
2017/03/07 NodeJs
CodeMirror js代码加亮使用总结
2017/03/25 Javascript
canvas绘制爱心的几种方法总结(推荐)
2017/10/31 Javascript
基于百度地图api清除指定覆盖物(Overlay)的方法
2018/01/26 Javascript
详解如何在vue项目中引入elementUI组件
2018/02/11 Javascript
javascript设计模式 ? 中介者模式原理与用法实例分析
2020/04/20 Javascript
python判断数字是否是超级素数幂
2018/09/27 Python
对python实时得到鼠标位置的示例讲解
2018/10/14 Python
pyQt5实时刷新界面的示例
2019/06/25 Python
python解释器pycharm安装及环境变量配置教程图文详解
2020/02/26 Python
python爬虫开发之Beautiful Soup模块从安装到详细使用方法与实例
2020/03/09 Python
Django DRF APIView源码运行流程详解
2020/08/17 Python
阿迪达斯丹麦官网:adidas丹麦
2016/10/01 全球购物
欧洲最大的品牌水上运动服装和设备在线零售商:Wuituit Outlet
2018/05/05 全球购物
我们的节日端午节活动方案
2014/03/02 职场文书
品质口号大全
2014/06/17 职场文书
代领毕业证委托书
2014/08/02 职场文书
2015清明节祭奠英烈寄语大全
2015/03/04 职场文书
导游词创作书写原则以及开场白技巧怎么学?
2019/09/25 职场文书
SQL 窗口函数实现高效分页查询的案例分析
2021/05/21 SQL Server
Oracle安装TNS_ADMIN环境变量设置参考
2021/11/01 Oracle
Java设计模式之享元模式示例详解
2022/03/03 Java/Android
win10忘记pin密码登录不了怎么办?win10忘记pin密码登不进去的解决方法
2022/07/07 数码科技
CentOS7设置ssh服务以及端口修改方式
2022/12/24 Servers
Li list-style-image 图片垂直居中实现方法
2023/05/21 HTML / CSS