浏览器控制台在按ID获取元素时显示null，但代码执行正常？

Question

我试图改变我使用JS的形式的id。它工作正常并在我检查HTML时更改id但浏览器控制台输出一个错误，指示我尝试通过id获取的元素是null。为什么控制台表现得像这样？是因为我经常通过JS获取和改变id吗？

document.getElementById("myForm").id = "myFormAmended"

我应该为表单指定另一个属性来获取它吗？谢谢

编辑：我有另一个功能，等待隐藏myFormAmended后将其更改回myForm。表单隐藏一次后，id再次myForm我尝试再次执行更改到myFormAmended，它成功但错误

Answer 1

执行完该声明后：

document.getElementById("myForm").id = "myFormAmended"

你的表格现在有'myFormAmended'的id而不是'myForm'

因此，下次要获取相同的表单时，需要执行：

document.getElementById("myFormAmended");

如果你再次更改它，你应该再次查询最新的设置id