Консоль браузера показывает нулевое значение при получении элемента по идентификатору, но код выполняется правильно?

Question

Я пытаюсь изменить id формы, которую я использую с помощью JS. Он работает нормально и изменяет id, когда я проверяю HTML, но консоль браузера выдает ошибку, указывающую, что элемент, который я пытаюсь получить по идентификатору, равен null. Почему консоль ведет себя так? Это потому что я постоянно беру и меняю id через JS?

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

Должен ли я назначить другой атрибут для формы, чтобы получить его? Спасибо

РЕДАКТИРОВАТЬ: у меня есть другая функция, которая ждет, когда myFormAmended скрыт, чтобы изменить его обратно на myForm. После того, как форма скрыта один раз и id снова myForm Я пытаюсь выполнить изменение снова до myFormAmended, и оно завершается успешно, но ошибки

Answer 1

После того, как вы выполнили этот оператор:

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

Ваша форма теперь имеет идентификатор 'myFormAmended', а не 'myForm'

Итак, в следующий раз вы захотите получить ту же форму, вам нужно выполнить:

document.getElementById("myFormAmended");

И если вы измените его снова, вы должны снова запросить с последним набором id