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 相关文章推荐
JavaScript将页面表格导出为Excel的具体实现
Dec 27 Javascript
js与jquery获取父级元素,子级元素,兄弟元素的实现方法
Jan 09 Javascript
js生成缩略图后上传并利用canvas重绘
May 15 Javascript
jQuery中click事件用法实例
Dec 26 Javascript
javascript实现随时变化着的背景颜色
Apr 02 Javascript
JavaScript如何自定义trim方法
Jul 28 Javascript
jquery实现select选择框内容左右移动代码分享
Nov 21 Javascript
JavaScript实现无穷滚动加载数据
May 06 Javascript
JavaScript选取(picking)和反选(rejecting)对象的属性方法
Aug 16 Javascript
web前端vue之CSS过渡效果示例
Jan 10 Javascript
微信小程序跨页面数据传递事件响应实现过程解析
Dec 19 Javascript
Vue的状态管理vuex使用方法详解
Feb 05 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调用mysql存储过程
2007/02/14 PHP
codeigniter中view通过循环显示数组数据的方法
2015/03/20 PHP
PHP实现一维数组与二维数组去重功能示例
2018/05/24 PHP
javascript之dhDataGrid Ver2.0.0代码
2007/07/01 Javascript
实现变速回到顶部的JavaScript代码
2011/05/09 Javascript
jQuery在html有效在jsp无效的原因及解决方法
2013/08/02 Javascript
Node.js安装教程和NPM包管理器使用详解
2014/08/16 Javascript
JavaScript实现继承的4种方法总结
2014/10/16 Javascript
微信小程序 页面传参实例详解
2016/11/16 Javascript
jQuery实现ToolTip元素定位显示功能示例
2016/11/23 Javascript
走进AngularJs之过滤器(filter)详解
2017/02/17 Javascript
20行js代码实现的贪吃蛇小游戏
2017/06/20 Javascript
JS数组交集、并集、差集的示例代码
2017/08/23 Javascript
js禁止表单重复提交
2017/08/29 Javascript
在 webpack 中使用 ECharts的实例详解
2018/02/05 Javascript
浅谈mvvm-simple双向绑定简单实现
2018/04/18 Javascript
JavaScript的Object.defineProperty详解
2018/07/09 Javascript
JS实现的类似微信聊天效果示例
2019/01/29 Javascript
vue实现公告栏文字上下滚动效果的示例代码
2020/06/16 Javascript
Vue移动端项目实现使用手机预览调试操作
2020/07/18 Javascript
vue3.0生命周期的示例代码
2020/09/24 Javascript
Python下线程之间的共享和释放示例
2015/05/04 Python
python队列通信:rabbitMQ的使用(实例讲解)
2017/12/22 Python
对pandas里的loc并列条件索引的实例讲解
2018/11/15 Python
python使用原始套接字发送二层包(链路层帧)的方法
2019/07/22 Python
django解决订单并发问题【推荐】
2019/07/31 Python
利用Python复制文件的9种方法总结
2019/09/02 Python
Pytorch DataLoader 变长数据处理方式
2020/01/08 Python
解决python中0x80072ee2错误的方法
2020/07/19 Python
Python爬虫入门教程02之笔趣阁小说爬取
2021/01/24 Python
德国骆驼商店:ActiveFashionWorld
2017/11/18 全球购物
八年级物理教学反思
2014/01/19 职场文书
《一个中国孩子的呼声》教学反思
2014/02/12 职场文书
文明礼仪标语
2014/06/13 职场文书
同学会邀请函模板
2015/01/30 职场文书
win server2012 r2服务器共享文件夹如何设置
2022/06/21 Servers