DOM —【新建元素的添加方式】

<ul>
    <li>11111</li>
    <li>22222</li>
    <li>33333</li>
    <li>44444</li>
    <li>55555</li>
</ul>
<script>
    var oUl=document.getElementsByTagName('ul')[0];
    var oLi=document.querySelector('li');
    var str='<li>00000</li>';
    var p1=document.createElement('p')
    oLi.insertAdjacentHTML("beforebegin", str);     //在当前元素之前添加str;
    oUl.insertAdjacentText("afterbegin", '我是文本') //在当前元素之中最前面插入文本
    oUl.insertAdjacentText("beforeend", '我是文本2') //在当前元素之中最末尾插入文本
    oUl.insertAdjacentElement("afterend",p1);       //在当前元素之后添加p1
</script>
DOM —【新建元素的添加方式】