javascript 客户端遍历控件与获取父容器对象
内容摘要
这篇文章主要为大家详细介绍了javascript 客户端遍历控件与获取父容器对象的简单示例,具有一定的参考价值,可以用来参考一下
文章正文
这篇文章主要为大家详细介绍了javascript 客户端遍历控件与获取父容器对象的简单示例,具有一定的参考价值,可以用来参考一下。
1,遍历也面中所有的控件
/**
* 遍历也面中所有的控件
*
* @param
* @arrange (www.idcnote.com)
**/
function findControlAll()
{
var inputs=document.getElementsByTagName("input");
for(j=0;j<inputs.length;j++)
if(inputs[j].type=="text") //这儿将页面所有类型为text的控件找出来,也可以设置成你想遍历的控件类型
{
inputs[j].value=""; //清空文本框的内容
}
}
2,遍历指定容器中的控件
/**
* 遍历指定容器中的控件
*
* @param
* @arrange (www.idcnote.com)
**/
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="";
}
}
}
获取父容器对象
/**
* 遍历指定容器中的控件
*
* @param
* @arrange (www.idcnote.com)
**/
<div>
<input type="button" value="获取父容器对象" onclick="CheckBoxAll(this)"/>
</div>
function CheckBoxAll(e){
//parentNode 是获取上级属性
var obj = e.parentNode.parentNode.parentNode.getElementsByTagName("*");}
注:关于javascript 客户端遍历控件与获取父容器对象的简单示例的内容就先介绍到这里,更多相关文章的可以留意
代码注释