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

来源:互联网 发布:学java跟不上 编辑:程序博客网 时间:2024/06/07 04:49

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拼接。

0 0
原创粉丝点击