精美而实用的网站,关注web编程技术、网站运营、SEO推广,让您轻松愉快的学习

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。

Tags:javaScript 控件