在<；中设置输入类型的值；td>；通过javascript

这是我在jsp中的spring表单代码

<div id="mainDiv">
    <div id="itWillRepeat">
        <table>
            <tbody>
                   <tr>
                      <td>1</td>
                      <td>item</td>
                      <td>item</td>
                      <td>
                        <form:label path="list[${itemsRow.index}].number">4</form:label>
                        <form:hidden path="list[${itemsRow.index}].number" />
                      </td>
                   </tr>
            </tbody>
        </table>
    </div>
</div>

我想更改

button.onclick=function（）的两个值{
var rep=document.getElementById（“mainDiv”）.getElementsByTagName（“div”）；
对于（i=0；i

它将获取所有标签/隐藏字段，更改它们的值并对它们进行排序。
Id在xhtml中必须是唯一的。在id中添加索引，例如id=“itWillRepeat-${intemsRow.index}”，现在可以创建一个函数来与此行的值交互。“可以有许多id为itWillRepeat的div”-这将是无效的。将
id
改为
class
。为什么要为隐藏字段设置
？是的，应该为每个id1、id2、…、idn使用类或唯一id。确定。我会利用课堂。实际上，那个div没有id，class。我只是为了理解而写的。“itwillrepeat”-选择器有用吗？它应该区分大小写（'itWillRepeat'）
<label for="list4.seq">4</label>
<input type="hidden" value="4" name="list[4].seq" id="list4.seq">

1  item  item  4

button.onclick = function() {
    var rep = document.getElementById("mainDiv").getElementsByTagName('div');
       for (i = 0; i < rows.length; i++) {
            //get first label
            var label = rep.getElementsByTagName("label")[0]; 

             label.innerHTML = i+1;
             //get first input
             var hidn = rep.getElementsByTagName("input")[0];
              hidn.value = i+1;
         }
};