всем спасибо (мне особенно), вышел следующий код
<script type="text/javascript"><!--
function add_h3() {
// creates a H3 element, class and html content
var new_h3 = document.createElement('h3');
new_h3.className = 'cls';
new_h3.innerHTML = 'The <i>html text</i> content';
// gets the reference tag
var reference = document.getElementsByTagName('body');
// add 'new_h3' before 'reference', inside body
document.body.insertBefore(new_h3, reference);
}
--></script>
<div id="idiv">The reference element</div>
<button onclick="add_h3()">Add H3</button>
p.s. прошу сильно не ругать, искал 3 дня ответ на свой вопрос