Как вставить элемент перед innerHTML элемента?

Как elems[i] поставить перед innerHTML?
<div class="basic">Hello world!</div>
<div class="basic">Hello world!</div>
<div class="basic">Hello world!</div>

<script>
	var elems = document.querySelectorAll('.basic');
	for(var i = 0; i < elems.length; i++) {
		var divParent = document.createElement('div');
		divParent.className = 'parent';
		divParent.innerHTML = '<b>Важная строка</b>';
		// Этот элемент нужно поставить переде innerHTML
                divParent.insertBefore(elems[i].cloneNode(true), null);
		elems[i].replaceWith(divParent);
	}
</script>


Сейчас порядок элементов:
<div class="parent">
  <b>Важная строка</b>
  <div class="basic">Hello world!</div>
</div>

Нужно:
<div class="parent">
  <div class="basic">Hello world!</div>
  <b>Важная строка</b>
</div>
  • Вопрос задан
  • 74 просмотра
Решения вопроса 1
0xD34F
@0xD34F
Замените
divParent.insertBefore(elems[i].cloneNode(true), null);

на
divParent.prepend(elems[i].cloneNode(true));
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Digital Sharks Казань
от 60 000 до 65 000 руб.
Ingram Micro Cloud Москва
от 170 000 руб.
Alternativa Games Пермь
от 40 000 до 80 000 руб.
16 янв. 2019, в 14:53
20000 руб./за проект
16 янв. 2019, в 14:52
3000 руб./за проект
16 янв. 2019, в 14:26
50 руб./за 1000 зн.