欢迎您来到懒之才-站长的分享平台!   学会偷懒,并懒出境界是提高工作效率最有效的方法!
首页 > 经验分享 > Js&Ajax > javaScript遍历网页中的所有元素控件和父窗口对象

javaScript遍历网页中的所有元素控件和父窗口对象

2018-06-26 557 收藏 0 赞一个 0 真差劲 0 去评论

JavaScript作为客户端最好的脚本,是如何遍历网页中的所有页面控件呢?其实方面很简单,那就是使用document.getElementsByTagName,然后用循环依次找出指定控件,有兴趣的就往下 下看。

1、遍历页中所有类型为“text”的控件,当然也可以是input控件或textarea控件:

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="";
     }
   } 
}

3、获取父窗口对象:通过点击按钮CheckBoxAll(this)函数,来演示获取上级属性:

<div ><input type="button" value="获取父容器对象" onclick="CheckBoxAll(this)"/></div>
function CheckBoxAll(e){
//parentNode上级属性
var obj =e.parentNode.parentNode.parentNode.getElementsByTagName("*");
}

 以上几种类型基本囊括了网页上大部分的遍历控件操作,例子需要理解后变通才能用好JavaScript。

一、推荐使用迅雷或快车等多线程下载软件下载本站资源。

二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。

三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!

四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.

五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。

六、如需转载本站资源,请注明转载来自并附带链接

七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com

大家评论