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>