原生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.删除这个标签下的全部节点