[b]js关于数组的使用,这里做点小记[/b]
表单中,每一个控件,都可以转换为js中的一个对象,并具有相同的属性。
当我们想将一个表单中所有的表单元素进行统一设置时,可以利用数组的特性来进行统一控制,不必每个控件单个的进行设置了。
例:表单中有三个文本框,要将三个表单的边框都设置为红色。
代码(省略script标签):
//得到表单对象
var form=document.getElementById("ActionForm");
//定义数组
var array=new Array();
//遍历表单元素
for(var i=0;i<form.elements.length;i++)
{
if(form.elements[i]&&form.elements[i].tagName=="input")
{
//将文本框对象存入到数组中
array.push(form.elements[i]);
}
}
//设置表单对象的属性
for(var j=0;j<array.length;j++)
{
if(array[j]&&array[j].getAttribute("style"))
{
array[j].setAttribute("style","border:1px solid red;")
}
}
当被调用的方法中,执行这段代码后,文本框多了个一像素红色的实体边框线。
表单中,每一个控件,都可以转换为js中的一个对象,并具有相同的属性。
当我们想将一个表单中所有的表单元素进行统一设置时,可以利用数组的特性来进行统一控制,不必每个控件单个的进行设置了。
例:表单中有三个文本框,要将三个表单的边框都设置为红色。
代码(省略script标签):
//得到表单对象
var form=document.getElementById("ActionForm");
//定义数组
var array=new Array();
//遍历表单元素
for(var i=0;i<form.elements.length;i++)
{
if(form.elements[i]&&form.elements[i].tagName=="input")
{
//将文本框对象存入到数组中
array.push(form.elements[i]);
}
}
//设置表单对象的属性
for(var j=0;j<array.length;j++)
{
if(array[j]&&array[j].getAttribute("style"))
{
array[j].setAttribute("style","border:1px solid red;")
}
}
当被调用的方法中,执行这段代码后,文本框多了个一像素红色的实体边框线。