javascript - javascript:更改另一个div内多个div的属性

我有桌子：

<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>。我如何跳到下一个？
抱歉，这很明显。谢谢

最佳答案

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");

关于javascript - javascript:更改另一个div内多个div的属性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12001697/