用for优化js代码怎样实现

f1x - f4x是动态添加的,数量可能多也可能少

var f1x = document.getElementById("f1x").value;
var f2x = document.getElementById("f2x").value;
var f3x = document.getElementById("f3x").value;
var f4x = document.getElementById("f4x").value;
...

document.getElementById("fxx").value=f1x+f2x+f3x+f4x+...;

以上用for怎样才能实现

2个回答

for (var i = 1; i <=4; i++)
document.getElementById("fxx").value = document.getElementById("fxx").value + document.getElementById("f" + i + "x").value;

<input id="f1x" class="fxxInput" type="text"/>
<input id="f2x" class="fxxInput" type="text"/>
<input id="f3x" class="fxxInput" type="text"/>
<input id="f4x" class="fxxInput" type="text"/>
...

//方法一
var inputs = document.getElementsByTagName('input')
for(var i = 0; i < inputs.length; i ++){
    //遍历操作 inputList[i].value
}
//方法二
var inputList = document.querySelectorAll('input')
for (var i = 0; i < inputList.length; i++) {
  //遍历操作 inputList[i].value
}

//方法三
var inputs = document.getElementsByClassName('fxxInput')
for(var i = 0; i < inputs.length; i ++){
    //遍历操作inputs[i].value
}
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!