在現有的元素內添加新元素而不影響現有內容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);
};