JS DOM insertBefore () не работает должным образом

Question

Я бы хотел добавить div в JS DOM перед колонтитулом сайта. Однако он не работает (он ставит div после нижнего колонтитула).

const div = document.createElement('div');
div.innerHTML = "Hello!";

const footer = document.getElementById('footer');

document.body.insertBefore(div, footer);

HTML:

<footer id="#footer">This is footer</footer>

Я добавил файл .js до </body>.

Answer 1

Идентификатор в нижнем колонтитуле имеет дополнительный знак «#», поэтому селектор Js не работает должным образом. Попробуйте удалить его как:

<footer id="footer">This is footer</footer>