New tags in

Question

Подскажите пожалуйста как вставить javascript - ом header (1м элементом в body) и footer (последним элементом в body). Спасибо.

Answer 1

Можно сделать через innerHTML. header добавляется так:

body = document.body
body.innerHTML = '<header>header</header>' + body.innerHTML

<body>
  <h1>Заголовок</h1>
  <p>Параграф</p>
</body>

А footer вот так:

body = document.body
body.innerHTML += '<footer>footer</footer>'

<body>
  <h1>Заголовок</h1>
  <p>Параграф</p>
</body>

Answer 2

В этом случае использование innerHTML может быть неэффективно (HTML будет переразобран и содержимое DOM будет перерисовано) и ненадёжно (если скрипты в head вешали на элементы какие-то обработчики, они будут утеряны; ~~скрипты в теле странницы будут исполнены второй раз~~ (тут я ошибся, см. комментарии)). Лучше использовать element.insertAdjacentHTML():

document.body.insertAdjacentHTML('afterbegin', '<header>Header</header>');
document.body.insertAdjacentHTML('beforeend', '<footer>Footer</footer>');

<body>
  <p>Paragraph</p>
</body>

БЛОГ НА HUSL

New tags in

Ответы (2 шт):