javascript:更改其他div内多个div的属性

Question

我有 table :

<table class="table table-condensed" id="mbusTable">
    <label><h5>rtu</h5></label>
    <tbody>
        <td><input type="text" id="mid" class="span1" placeholder="mid"></td>
        <td><input type="text" id="type" class="span1" placeholder="typem"></td>
        <td><input type="text" id="inverce" class="span1" placeholder="inverce"></td>
        <td><input type="text" id="mbaddr" class="span1" placeholder="mbaddr"></td>
    </tbody> 
</table>

我只想添加_mbusTable到其中的所有输入。这是我现在拥有的:

        function correctIDs(tableID)
            var table = document.getElementById(tableID);
            var colCount = table.rows[0].cells.length;
            var prefix = tableID;
            for(var i=0; i<colCount; i++) {
                prefix += "_" + table.childNodes[1].getAttribute('id');
                table.childNodes[1].setAttribute('id',prefix);
                prefix = tableID;
            }
        };

但我想它只是首先改变 <input> 。我怎样才能跳到下一个？抱歉，如果这是显而易见的事情。谢谢

Answer 1

function correctIDs(tableID) {
    var table = document.getElementById(tableID);
    var inputs = table.getElementsByTagName("input");
    for (var i = 0; i < inputs.length; i++) {
        var prefix = tableID + "_" + inputs[i].getAttribute('id');
        inputs[i].setAttribute('id', prefix);
    }
};


correctIDs("mbusTable");