浏览器控制台按ID提取元素时显示空值，但代码是否正确执行？

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"

您的表单现在的ID为'myFormAmended'而不是'myForm'

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

document.getElementById("myFormAmended");

如果再次更改它，则应再次使用最新的id

查询