使用JavaScript

Question

如何使用Javascript迭代以下HTML，以便为所有name字段添加1。例如，＆＃34; account＆＃34;将成为＆＃34; account1＆＃34;等。我从表中克隆了这一行，并希望能够区分两者的字段。

<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; } }

试试这个。*将为您提供页面中的所有元素。