在现有的元素内添加新元素而不影响现有内容insertAdjacentElement/HTM/Text

insertAdjacentText方法与 insertAdjacentHTML方法类似，只不过只能插入纯文本，参数相同
insertAdjacentHTML 方法：在指定的地方插入html标签语句
原型：insertAdajcentHTML(swhere,stext)

参数：
swhere: 指定插入html标签语句的地方，
stext:要插入的内容

有四种参数可用：

1. beforeBegin: 插入到标签开始前

2. afterBegin: 插入到标签开始标记之后

3. beforeEnd: 插入到标签结束标记前

4. afterEnd: 插入到标签结束标记后

oBtn.onclick=function(){
    var oLi=document.createElement('li');
    var oInp=document.createElement('input');
    var oA=document.createElement('a');
    oA.href='javascript:;';
    oA.innerHTML='删除';
    oInp.type='checkbox';
    oLi.innerHTML=oText.value;//先把标签里的文字通过innerHTML方式写好
    oLi.insertAdjacentElement('afterBegin',oInp);//接着可以在内容前加上单选框
    oLi.insertAdjacentElement('beforeEnd',oA);//在内容后加上a标签，a标签里也可以有内容
    oUl.appendChild(oLi);
};