【转】html5学习--js创建与追加元素

原文链接js创建与追加元素http://www.cnblogs.com/wbengineer/p/4709605.html

<div> <button onclick="creatEle" id="btn">点击创建新btn</button> <div> <script> //创建一个新btn var newBtn = document.creatElement('button'); newBtn.value="value"; newBtn.style.width = 50px; newBtn.style.height = 50px; //追加新创建的btn var oldBtn = document.getElementById('btn'); var parentNode = oldBtn.parentNode; //parentNode.insertBefore(newBtn,oldBtn);//在原有btn的前面插入新创建的btn； parentNode.insertBefore(newBtn,oldBtn.nextSiblings)//将在原有btn的后面插入新创建的btn，！！！原因是没有insetAfter！！所以用nextSiblings </script>