要素を生成。
element = document.createElement(tagName);
<style>
.creele div {margin:10px;padding:10px;}
#creele_div01 {border:dotted 1px red;}
#creele_div02 {border:dotted 1px blue;}
button {margin-bottom: 1em;}
</style>
<script>
function func_creele(){
var v_creele = document.createElement('div');
v_creele.setAttribute ('id','creele_div01');
v_creele.innerHTML = '上段';
var id_creele_div02 = document.getElementById('creele_div02');
var pare_id_creele_div02 = id_creele_div02.parentNode;
pare_id_creele_div02.insertBefore(v_creele,id_creele_div02);
}
</script>
<div class="creele">
<div id="creele_div02">下段</div>
<button onclick="func_creele();">button</button><br/>
ボタンを押すと要素が生成されます。
</div>
