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

本文提供JavaScript示例代码,展示如何遍历页面上所有或指定容器内的控件,以及如何获取控件的父容器对象。适用于前端开发者理解和实现控件管理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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()
    { // www.jbxue.com
        //下面的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("*");}

转载于:https://www.cnblogs.com/cfinder010/p/3508145.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值