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

相关文章

  • Javascript实现通过选择周数显示开始日和结束日的实现代码

    Javascript实现通过选择周数显示开始日和结束日的实现代码

    这篇文章主要介绍了Javascript实现通过选择周数显示开始日和结束日的实例代码的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-05-05
  • js实现小窗口拖拽效果

    js实现小窗口拖拽效果

    这篇文章主要为大家详细介绍了js实现小窗口拖拽效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • javascript代码实现简易计算器

    javascript代码实现简易计算器

    这篇文章主要为大家详细介绍了javascript代码实现简易计算器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01
  • 浅谈如何使用 webpack 优化资源

    浅谈如何使用 webpack 优化资源

    本篇文章主要介绍了浅谈如何使用 webpack 优化资源,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • Js获取下拉框选定项的值和文本的实现代码

    Js获取下拉框选定项的值和文本的实现代码

    本篇文章主要是对Js获取下拉框选定项的值和文本的实现代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • JavaScript实现离开页面前提示功能【附jQuery实现方法】

    JavaScript实现离开页面前提示功能【附jQuery实现方法】

    这篇文章主要介绍了JavaScript实现离开页面前提示功能,结合具体实例形式分析了javascript实现针对关闭页面的事件响应原理与操作技巧,并附带jQuery的相应实现方法,需要的朋友可以参考下
    2017-09-09
  • Json实现传值到后台代码实例

    Json实现传值到后台代码实例

    这篇文章主要介绍了Json实现传值到后台代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-06-06
  • JavaScript实现瀑布流以及加载效果

    JavaScript实现瀑布流以及加载效果

    这篇文章主要为大家详细介绍了JavaScript实现瀑布流以及加载效果的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • javascript中sort() 方法使用详解

    javascript中sort() 方法使用详解

    sort()方法主要是用于对数组进行排序,默认情况下该方法是将数组元素转换成字符串,然后按照ASC码进行排序,这个大家都能理解,但如果数组元素是一个Object呢,转不了字符串,难道不能进行排序?答案当然是否定的,那么我们就来详细探讨下sort()方法的使用
    2015-08-08
  • js函数使用技巧之 setTimeout(function(){},0)

    js函数使用技巧之 setTimeout(function(){},0)

    setTimeout的作用是将函数推迟第二参数设定的毫秒数后再执行,如果是0,就意味着浏览器要马上执行该函数,但是浏览器解析到setTimeout,虽然会"立刻"执行
    2009-02-02

最新评论