insideHTML 未正确更新

Question

我正在尝试用 Javascript 构建一些基本的 HTML 表单验证。我的表单保存在一个表中，每个输入的右侧都有一个额外的列，其 ID 为“ErrorX”，该列最初填充了一些文本以显示它是必填字段。

<FORM NAME="ContactForm" METHOD=POST ACTION='Order3.php' onsubmit="return validateForm()">
<TABLE>
 <TR>
  <TD ALIGN=LEFT>Your name:</TD>
  <TD ALIGN=RIGHT><INPUT TYPE=TEXT ID="Field1" NAME="Field1"></TD>
  <TD ALIGN=LEFT ID="Error1">Required</TD>
 </TR>
</TABLE>
<input type=submit value='Confirm ->'></FORM>

当按下提交按钮时，我的代码会验证字段并尝试更改最右侧的列文本。执行此操作的代码行是：

document.getElementById("Error1").innerHTML = "ERROR";

代码执行并正确检测到错误，现有的文字被删除，但新的文本没有出现。如果我查询 document.getElementById("Error1").innerHTML 的值，我会得到正确的文本，但它没有出现在屏幕上。

我使用的是 Safari v5.1.2，它适用于我从网络复制的基本示例，所以我认为这是我的代码而不是浏览器。

Answer 1

<td align="left"><div id="Error1">Required</div></td>