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

2019年8月30日 163次阅读 来源: bluefantasy728

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);
};
    原文作者：bluefantasy728
    原文地址: https://segmentfault.com/a/1190000004860880
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞