js创建标签

js创建script 标签并插入第一个script标签之前

    var ms=document.createElement('script');
    ms.type='text/javascript';
    ms.async=true;
    ms.src="//s1.mi.com/stat/18/xmst.js";
    var s=document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(ms,s); // script的父元素.insertBefore(创建的元素,script的第一个元素)

• insertBefore() 方法在指定的已有子节点之前插入新的子节点。

js创建li标签，appendChild()

   <ul id="myList">
        <li>Coffee</li>
        <li>Tea</li>
    </ul>
    <p id="demo">请点击按钮向列表插入一个项目。</p>

    <button onclick="clikadd()">试一下</button>
    <script>
       
        function clikadd(){
            var newItem = document.createElement('li'); //创建标签
            var textnode = document.createTextNode('peipei'); //创建文本
            newItem.appendChild(textnode);  //将文本追加到li标签里面
            var list= document.getElementById("myList"); //
            list.insertBefore(newItem,list.childNodes[0]);
            
        }
    </script>

document.body.appendChild(子元素); //父元素.appendChild("子元素")

• appendChild(),1.可将文本添加到标签里，2.可将标签追加到父级子元素最后一个