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