prepend()在父元素的第一位增加元素
    append()在父元素的最后一位增加元素

    1. <div id="parent">
    2. <p>hello world</p>
    3. </div>
    4. <script>
    5. var parent = document.getElementById("parent");
    6. var h1 = document.createElement("h1");
    7. h1.innerHTML = '前面'
    8. parent.prepend(h1)
    9. parent.append("后面")
    10. </script>

    image.png