JavaScript 错误 : [elementname] has no properties

Question

我正在对 Web 应用程序进行一些维护编码，我收到一个 javascript 错误，格式为:“[elementname] 没有属性”

部分代码是通过 AJAX 调用即时生成的，该调用更改了部分页面的 innerHTML，完成后我需要将一段数据从隐藏的输入字段复制到可见的输入字段。所以我们有目标字段:<input id="dest" name="dest" value="0">
和源字段:<input id="source" name="source" value="1">
现在，当 ajax 运行时，它会覆盖源所在的 div 的 innerHTML，因此源字段现在显示为:<input id="source" name="source" value="2">

好的，在将 ajax 数据复制到 innerHTML 的 javascript 行之后，下一行是: document.getElementById('dest').value = document.getElementById('source').value;

我收到以下错误:Error: document.getElementById("source") has no properties

(我也试过 document.formname.source 和 document.formname.dest 同样的问题)

我错过了什么？

注1:页面加载完毕，元素存在。 ajax 调用仅在用户操作后发生，并替换元素所在的 html 部分。

注2:至于不使用innerHTML，代码库是这样给我的，为了去掉它我需要重写所有的ajax调用，这不在当前维护周期的范围内。

注意 3:innerHTML 使用新数据更新，正在复制包含数据和格式的整个表格，我试图在这个大块的末尾添加一个 bool 值，而不是为一个创建一个全新的 ajax 调用 bool 值。看起来这就是我必须要做的...因为我的 hack 最后复制方法不起作用。

额外的一双眼睛 FTW。

是的，我有几个人在这里工作，他们发现了我简单的打字错误......我发誓我有权利开始，但嘿我们生活和学习......

谢谢大家的帮助。

Answer 1

“[elementname] 没有属性”是 javascript 错误，表示“您尝试引用的元素不存在或为 nil”

这意味着您遇到了一些可能的问题中的一个或多个:

1. 您的页面尚未呈现，您正在尝试在它存在之前引用它
2. 你有一个拼写错误
3. 您已将您的 ID 命名为保留字(例如在提交按钮上提交)
4. 您认为您引用的实际上不是(传递的变量不是您认为传递的变量)