javascript客户端遍历控件与获取父容器对象示例代码

 更新时间:2014年01月06日 10:22:08   作者:  
本篇文章主要是对javascript客户端遍历控件与获取父容器对象示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

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("*");}

相关文章

  • ie9 提示''console'' 未定义问题的解决方法

    ie9 提示''console'' 未定义问题的解决方法

    关掉开发者工具之后,在状态栏发现提示'console' 未定义,为什么之前的运行没有问题,之后的就不行呢
    2014-03-03
  • JavaScript @umijs/plugin-locale插件使用教程

    JavaScript @umijs/plugin-locale插件使用教程

    这篇文章主要介绍了JavaScript @umijs/plugin-locale插件使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-12-12
  • JS严格模式原理与用法实例分析

    JS严格模式原理与用法实例分析

    这篇文章主要介绍了JS严格模式原理与用法,结合实例形式分析了JS严格模式基本概念、原理、用法及相关操作注意事项,需要的朋友可以参考下
    2020-04-04
  • JS实现按钮添加背景音乐示例代码

    JS实现按钮添加背景音乐示例代码

    这篇文章主要介绍了JS实现按钮添加背景音乐示例代码,需要的朋友可以参考下
    2017-10-10
  • js Canvas绘制圆形时钟效果

    js Canvas绘制圆形时钟效果

    这篇文章主要为大家详细介绍了js Canvas绘制圆形时钟效果的相关代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • uni-app应用配置manifest.json最全最详细配置

    uni-app应用配置manifest.json最全最详细配置

    这篇文章主要给大家介绍了关于uni-app应用配置manifest.json最全最详细配置,manifest.json文件是UniApp开发中用来配置应用信息的重要文件,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-01-01
  • js实现弹窗暗层效果

    js实现弹窗暗层效果

    本文主要分享了js实现弹窗暗层效果的示例代码。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • webpack3.0升级4.0的方法步骤

    webpack3.0升级4.0的方法步骤

    这篇文章主要介绍了webpack3.0升级4.0的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • js 动态校验开始结束时间的实现代码

    js 动态校验开始结束时间的实现代码

    这篇文章主要介绍了js 动态校验开始结束时间的实现代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-05-05
  • js将键值对字符串转为json字符串的方法

    js将键值对字符串转为json字符串的方法

    下面小编就为大家分享一篇js将键值对字符串转为json字符串的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03

最新评论