js原生往父元素中添加子元素

1.通过createElement创建元素var lis=document.createElement('li')2.给创建的元素添加Html值lis.innerHTML=` <li class="setItem" id="setItem"><input class="ipt" type="text" ' value="1"><div class="textColor

唯爱编程

9528人浏览 · 2022-03-11 14:28:30

唯爱编程 · 2022-03-11 14:28:30 发布

1.通过createElement创建元素

var lis=document.createElement('li')

2.给创建的元素添加Html值

 lis.innerHTML=` <li class="setItem" id="setItem">
                    <input class="ipt" type="text" ' value="1">
                    <div class="textColor iconfont icon-icon-test"></div>
                    <div class="textColor iconfont icon-icon-test-copy"></div>
                    <div class="textColor" id="editText">编辑</div>
                    <div class="textColor" id="delText">删除</div>
                    </li>`;

3.通过appendChild往父元素中添加子元素（通过createElement创建好的元素）

uls.appendChild（lis）