使用JavaScript修改子节点中的输入名称

我需要帮助扩展此JavaScript（借用自）：

---

如何扩展脚本以修改这些新的

div

中的输入名称？

由于现在有了另一个层，您需要立即获取

newApp[I].childNodes[0]

，以获取实际的输入元素

---

newApp

现在拥有一个带有

col-md-2

样式的

div

元素列表，您需要将子元素放入这些

div

元素中

newApp[i].childNodes[0]

指向

#text

，但

newApp[i].childNodes[1]

指向输入元素。。。谢谢你的帮助。

var appCounter = 0;
function anotherApp() {
    appCounter = appCounter + 1;
var newAppField = document.getElementById("keyApp").cloneNode(true);
    newAppField.id = '';
    newAppField.style.display = 'block';
    var newApp = newAppField.childNodes;
        for (var i = 0; i < newApp.length; i++) {
        var theName = newApp[i].name
        if (theName) {
    newApp[i].name = theName + appCounter;
        }
    }
    var insertApp = document.getElementById('keyApp');
    insertApp.parentNode.insertBefore(newAppField, insertApp);

    document.getElementById('appCount').value = appCounter
}

<div id="keyApp" style="display:none">
    <input type="text" name="application" id="application">
    <input type="text" name="usage" id="usage">
<\div>

<div id="keyApp" style="display:none">
    <div class="col-md-2">
        <input type="text" name="application" id="application">
    </div>
    <div class="col-md-2">
        <input type="text" name="usage" id="usage">
    </div>
<\div>