javascript - 使用 JS 更改样式会使隐藏的输入字段消失？

Question

我正在绘制一个包含日期和大量隐藏字段的表格

print   "<td";
{ $dm=date('Y-m-d',strtotime("+".$i." days", strtotime($m)));
print " class=\"overflow\"  id=\"$a::$dm\" onclick=\"function1(this)\" "
print " >";
print  "<input type='hidden' id=\""."hidden:$a::$dm"."\"    name=\"hiddenfield\" value='123' >";
}   
print " </td>";

然后我想点击单元格并为隐藏元素添加一个值，并更改相邻单元格的颜色

但是当javascript改变样式时，隐藏元素不可访问，每次数组长度减一

我可以将隐藏的输入字段放在表格之外，但我可以解决这个问题吗？

Javascript .........

>    days=5;
>     for (i=(c+1); i<(c+days);i++)
>     {
>     myTable.rows[r].cells[i].innerHTML = '';
>     j=myTable.rows[r].cells[i].id;//alert(i +" "+j) 
>     document.getElementById(j).style.borderRightStyle = "none";
>     document.getElementById(j).style.borderLeftStyle = "none";
>     document.getElementById(j).className = 'active'; 
>     ajj='hidden::'+j;alert(ajj);
>     //alert(document.getElementById(ajj).value)
>     alert(document.getElementsByName("hiddenfield").length);
>     }

当我尝试检查该元素时，我收到一条控制台消息警报(document.getElementById(ajj)。值)为空

Answer 1

我认为问题出在这一行

myTable.rows[r].cells[i].innerHTML = '';

您正在删除 <td> 之间的所有内容标签，其中包括输入字段。换个样式没关系。