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

    xiaoxiao2021-03-25  71

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

    转载请注明原文地址: https://ju.6miu.com/read-35265.html

    最新回复(0)