美文网首页工作生活
原生js添加元素

原生js添加元素

作者: 爱祖国 | 来源:发表于2019-07-04 16:20 被阅读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>



相关文章

网友评论

    本文标题:原生js添加元素

    本文链接:https://www.haomeiwen.com/subject/cuklhctx.html