原生js创建节点,添加节点,删除节点

1.操作

var tab=document.querySelector('#app .bpm-container');

            var abcbox=document.querySelector('.abcbox');
            // if(abcbox!=null){
                var div=document.createElement('div');//创建标签
                div.classList.add("abcbox");//给创建的标签添加class类
                tab.appendChild(div);//给获取到的tab标签添加创建的div标签,
                // tab.style.display='block';
                var abcbox=document.querySelector('.abcbox');
                var div1=document.createElement('div');
                div1.classList.add('abox')
                abcbox.appendChild(div1);
                var abox=document.querySelector('.abox');
                for(var i=0;i<3;i++){// 循环添加
                    var div=document.createElement('div');
                    div.classList.add('abox-list'+(i+1));
                    abox.appendChild(div);
                }
                var aboxList1=document.querySelector('.abox-list1');
                aboxList1.innerHTML='填写日期';
                var aboxList2=document.querySelector('.abox-list2');
                var label=document.createElement('label');
                label.innerHTML='请输入服务年月';
                aboxList2.appendChild(label);
                var input=document.createElement('input');
                input.type='month';
                input.placeholder='例:2021-3';
                aboxList2.appendChild(input);
                var aboxList3=document.querySelector('.abox-list3');
                var arr=['确定','取消'];
                for(var b=0;b<2;b++){
                    var button=document.createElement('button');
                    button.classList.add('btn'+(b+1));
                    button.innerHTML=arr[b];
                    aboxList3.appendChild(button);
                }

abcbox.remove();//全部删除,删除节点包括这个节点
 

3.删除这个标签下的全部节点

posted @ 2021-04-02 10:56  喜欢美食的利亚  阅读(300)  评论(0编辑  收藏  举报