Форум Сайтостроение Веб-строительство

Вопрос по JavaScript

SN
На сайте с 04.07.2013
Offline
84
SeoNk
631

Есть код:

...

<div>

...

<h1>Заголовок</h1>

...

</div>

...

Нужно сразу после заголовка H1 создать с помощью JavaScript блок

<div id="banner">Реклама</div>

Степень вложенности H1 неизвестна (т.е. она может быть различной)

Какой это по счету тег тоже не известно.

Известно только что после H1 должен быть создан блок DIV.

H1 на странице встречается только 1 раз.

Спасибо!

O9
На сайте с 03.05.2016
Offline
38
Oliver9
#1

Если можно использовать jQuery, то присмотритесь к http://api.jquery.com/insertafter/

I
На сайте с 01.05.2015
Offline
72
ibatanov
#2

https://learn.javascript.ru/modifying-document

tommy-gung
На сайте с 22.11.2006
Offline
304
tommy-gung
#3

$('h1').after('<div id="banner">Реклама</div>');

Здесь не могла быть ваша реклама
A4
На сайте с 04.05.2013
Offline
46
aleksand44
#4

на чистом Javascript

var h = document.getElementsByTagName('h1')[0];

var div = document.createElement('div');

div.setAttribute('id', 'banner');

div.innerHTML = 'Реклама';

h.parentNode.insertBefore(div, h.nextSibling);

SN
На сайте с 04.07.2013
Offline
84
SeoNk
#5
aleksand44:
на чистом Javascript

var h = document.getElementsByTagName('h1')[0];
var div = document.createElement('div');

div.setAttribute('id', 'banner');
div.innerHTML = 'Реклама';

h.parentNode.insertBefore(div, h.nextSibling);

Спасибо! То что нужно!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий