[js] 节点操作---创建节点

<div id="div1">我是div标签 </div>

        var oDiv = document.querySelector('div')
        // 创建一个新的 div 元素
        var newDiv = document.createElement('div')
        newDiv.innerHTML = '我是新建的'
        // 在 原始标签 之前 写入 新的节点
        document.body.insertBefore(newDiv, oDiv)

        var oDiv = document.querySelector('div')
        // 创建一个新的 div 元素
        var newDiv = document.createElement('div')
        newDiv.innerHTML = '我是新建的'

        // 写入到div标签的最后
        oDiv.appendChild(newDiv)

            标签对象.appendChild(写入新的节点);
                标签对象最后写入新的节点

            标签对象.insertBefore( 写入新的节点 , 原始标签对象 );
                在 原始标签 之前 写入 新的节点