dom02批量禁用文本框和批量拼接字符串

05-点击禁用文本框(disabled)
批量禁用文本框:实用type属性
if (input.type===”text”) {
input.disabled=true;

表单元素disabled
点击按钮批量禁用文本框用.disabled=true;

var btn=document.getElementById('btn');
            btn.onclick=function () {
        var inputs=document.getElementsByTagName('input');//所有的input按钮
            for (var i=0; i < inputs.length; i++) {
                var input=inputs[i];
                if (input.type==="text") {  
                    input.disabled=true;
                }
}   
        }

value就是用来获取和设置表单元素的值的。
点击按钮批量获取赋值:

var test=document.getElementById("text");
var btn=document.getElementById("btn");
var box=document.getElementById("box");
var inputs=box.getElementByTagName("input");
        for (var i=0; i < inputs.length; i++) {
                var input=inputs[i];//每个文本框
                input.value=i;//给每个文本框赋值
                }   
//点击按钮获取值
btn.onclick=function(){
 var str="";//用空字符串进行拼接
    for (var i=0; i < inputs.length; i++) {
                str +=inputs[i].value;
}   
    console.log(str);
};

需求:点击按钮批量拼接字符串。

<script>
    //获取事件
    var text=document.getElementById('text');
    var btn=document.getElementById('btn');
    var box=document.getElementById('box');
    //事件源.事件=funcotion(){事件处理程序}
    var inputs=box.getElementsByTagName('input');
        for (var i=0; i < inputs.length; i++) {
            var input=inputs[i];
            input.value=i;
        };
    btn.onclick=function  () {
         //var str="";
         var arr=[];
            for (var i=0; i < inputs.length; i++) {
          // str += inputs[i].value;
             arr.push(inputs[i].value);
             var arr1=arr.join("");
          }
            console.log(arr1);
    };    
    </script>

小结:
单个字符串的拼接是非常消耗性能的。
批量拼接字符串时候,先用一个空数组存放字符串,push推入,再用join拼接。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值