JavaScriptでHTML名前フィールドを変更するには

Question

nameのすべてのフィールドに1を追加するには、JavaScriptを使用して次のHTMLを反復処理する方法を教えてください。たとえば、「account」は「account1」などになります。テーブルからこの行を複製し、2つのフィールドを区別できるようにしたいと考えています。あなたがこれを行うことができます

<td> 
    <select name="account">…</select> 
</td> 
<td> 
    <span> 
     "$ "<input type="text" name="debit" placeholder="100"> 
    </span> 
</td> 
<td> 
    <span> 
     "$ "<input type="text" name="credit" placeholder="100"> 
    </span> 
</td> 
<td> 
    <input type="text" name="reference"> 
</td> 
<td> 
    <input type="text" name="notes"> 
</td> 
<td> 
    <select name="account">...</select> 
</td> 

Answer 1

一つの方法は、ループを使用して、自分の名前を変更する、あなたのテーブル内のあなたの要素を取得するためにquerySelectorAllを使用している：

var inputs = document.querySelectorAll("#myTable [name]") 
inputs.forEach(function(input){ 
    input.name += + "1"; 
}); 

JSFiddle Demo

Answer 2

var all =document.getElementsByTagName("*"); for (var i=0, max=all.length; i < max; i++){ if(all[i].name){ all[i].name+=1; } }

これを試してください。*は、ページのすべての要素を提供します。