js如何将一段html内容加到父元素里，第一个子元素前面呢？（不要获取第一个子元素节点）

Question

<div class="parent">

    <div class="child1"></div>
    <div class="child2"></div>
    <div class="child3"></div>
    <div class="child4"></div>
    <div class="child5"></div>
    <div class="child6"></div>
    <div class="child7"></div>
    <div class="child8"></div>
    <div class="child9"></div>
</div>

<h1 class="insert">这段html标签内容，我想加到父元素parent里面，child1前面，怎么实现呢？（不能直接获取child1节点加在它前面）</h1>

Answer 1

document.querySelector('.parent').prepend(document.querySelector('.insert').innerHTML)

Answer 2

$('.parent').prepend($('h1.insert')) ???

Answer 3

let parent = document.queryselector('.parent')
parent.innerHTML = '<h1 class="insert"></h1>' + parent.innerHTML