javascript遍历控件实例详细解析_javascript技巧
程序员文章站
2022-04-02 21:36:26
...
js遍历页面控件,
var inputArr = document.forms[0];
for( var i = 0; i if( inputArr[i].type.toUpperCase() == "BUTTON" ) {
inputArr[i].disabled="disabled";
}else if( inputArr[i].type.toUpperCase() == "FILE" ){
inputArr[i].readonly=true;
}
}
var Elements = document.getElementsByTagName_r("*");
var msgs;
var i;
for ( i in Elements ) {
if ( Elements[i].type == "text" ) {
alert(Elements[i].value);
}
}
JS遍历控件取值
function Texts()
{
//var els= document.getElementsByTagName("*"); //els得到页面所有控件
var els= document.getElementsByTagName("INPUT"); //上面的也可,这样可以减少循环
var msgs="";
for (var i=0;i {
if (els[i].type == "text" )
{
//取得控件ID
msgs += els[i].id + ",";
}
}
alert(msgs);
}
复制代码 代码如下:
var inputArr = document.forms[0];
for( var i = 0; i if( inputArr[i].type.toUpperCase() == "BUTTON" ) {
inputArr[i].disabled="disabled";
}else if( inputArr[i].type.toUpperCase() == "FILE" ){
inputArr[i].readonly=true;
}
}
另一种方法:
复制代码 代码如下:
var Elements = document.getElementsByTagName_r("*");
var msgs;
var i;
for ( i in Elements ) {
if ( Elements[i].type == "text" ) {
alert(Elements[i].value);
}
}
JS遍历控件取值
复制代码 代码如下:
胡果 |
|
|
遍历页面 text控制代码
复制代码 代码如下:
function Texts()
{
//var els= document.getElementsByTagName("*"); //els得到页面所有控件
var els= document.getElementsByTagName("INPUT"); //上面的也可,这样可以减少循环
var msgs="";
for (var i=0;i
if (els[i].type == "text" )
{
//取得控件ID
msgs += els[i].id + ",";
}
}
alert(msgs);
}
推荐阅读
-
Javascript中各种trim的实现详细解析_javascript技巧
-
js判断undefined类型,undefined,null, 的区别详细解析_javascript技巧
-
JavaScript代码简化技巧实例解析
-
js鼠标及对象坐标控制属性详细解析_javascript技巧
-
js中apply方法的使用详细解析_javascript技巧
-
js中apply方法的使用详细解析_javascript技巧
-
关于js遍历表格的实例_javascript技巧
-
JS批量操作CSS属性详细解析_javascript技巧
-
全面解析Bootstrap表单使用方法(表单控件)_javascript技巧
-
JavaScript自定义日期格式化函数详细解析_javascript技巧