工作生活

原生js添加元素

2019-07-04  本文已影响0人  爱祖国

原生js忘得有点快,话不多说,从今天开始立个flag,一点点总结起来!

关键词:appendChild、innerHTML、insertBefore

<script>
 var oDiv=document.getElementById('div1');
 var oH2=document.createElement('h2');
 oH2.innerHTML='h2h2h2h2h2h2h2';
 //appendChild
 oDiv.appendChild(oH2); 
 //innerHTML
 oDiv.innerHTML+='<h2>hh2h2h2h2h2h2h2h</h2>';
//insertBefore
oDiv.insertBefore(oH2,oDiv.children[0]);    
//appendChild
oDiv.appendChild(oH2);  
</script>
<div id="div1">
    <h3 id="h3">h3h3h3h3h33h3hh3</h3>
 </div>



上一篇 下一篇

猜你喜欢

热点阅读