1

Здравствуйте, Можно вставить html во внутрь элемента elem.innerHTMl = html;

А как его вставить рядом? (before/after без разницы) Не создавая допольнительного wrapper

Большое спаибо

1

2 ответа 2

2

Накидал пример с использованием этой функции, хотя меня немного смущает её статус Working Draft:

var elem = document.getElementById('elem');


function pasteAfterEnd() {
  elem.insertAdjacentHTML('afterend', '<p>Абзац 100</p>');
}

function pasteBefore() {
  elem.insertAdjacentHTML('afterbegin', '<p>Абзац 0</p>');
}

function pasteAfter() {
  elem.insertAdjacentHTML('beforeend', '<p>Абзац 3</p>');
}
#elem {
  background: #ccc;
}
<div id="elem">
  <p>Абзац 1</p>
  <p>Абзац 2</p>
</div>

<button onclick="pasteAfterEnd()">Вставить рядом</button>

<button onclick="pasteBefore()">Вставить перед</button>

<button onclick="pasteAfter()">Вставить после</button>

4
  • здесь ты его вставляешь внутрь elem, а в вопросе надо рядом
    – Grundy
    2 дек 2016 в 10:22
  • добавил функцию "вставить рядом" :)
    – MasterAlex
    2 дек 2016 в 10:25
  • @Grundy, 'beforebegin' и 'afterend', а метод тот же.
    – Qwertiy
    2 дек 2016 в 10:26
  • Дай я тебя расцелую !!!)))) Спасибо большое, именно то что нужно! 2 дек 2016 в 14:52
0

var elem = document.getElementById('elem'), // поиск нужного элемента
	p = document.createElement('p');    // создание "вставляемого" элемента
p.innerHTML = '0';                          // наполнение его контентом

elem.parentElement.insertBefore(p,elem);    // добавление контента через родителя
<p>1</p>
<p>2</p>
<p id="elem">3</p>
<p>4</p>
<p>5</p>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.