Как 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>
