用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怎样才能实现

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
}