原生js創(chuàng)建節(jié)點,添加節(jié)點,刪除節(jié)點
1.操作
var tab=document.querySelector('#app .bpm-container'); var abcbox=document.querySelector('.abcbox'); // if(abcbox!=null){ var div=document.createElement('div');//創(chuàng)建標(biāo)簽 div.classList.add("abcbox");//給創(chuàng)建的標(biāo)簽添加class類 tab.appendChild(div);//給獲取到的tab標(biāo)簽添加創(chuàng)建的div標(biāo)簽, // 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++){// 循環(huán)添加 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='請輸入服務(wù)年月'; 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();//全部刪除,刪除節(jié)點包括這個節(jié)點
3.刪除這個標(biāo)簽下的全部節(jié)點

浙公網(wǎng)安備 33010602011771號