js数组的妙用

本文介绍如何使用JavaScript通过数组来统一设置表单中所有输入框的样式,避免逐个配置,提高开发效率。

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

[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;")
}
}

当被调用的方法中,执行这段代码后,文本框多了个一像素红色的实体边框线。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值