Создание элементов DOM js

   var postq = document.getElementById("all1");
 var parentDiv = postq.parentNode; //здесь та же ошибка
    var div = document.createElement('div');
    div.id = idd;
    div.className = clas+'1';
    div.style.Top = Top+'px';
    div.style.Left = left+'px';
    parentDiv.insertBefore(div,postq);

var postq = document.getElementById("all1");
    var parentDiv = document.parentNode;
    var div = document.createElement('div');
    div.id = idd;
    div.className = clas+'1';
    div.style.Top = Top+'px';
    div.style.Left = left+'px';
    document.body.insertBefore(div,postq);

div.style.top = ...;
    div.style.left = ...;

div.style.position = 'relative';

test.insertAdjacentHTML('beforebegin', '<div>Перед test</div>');
test.insertAdjacentHTML('afterbegin', '<div style="position: relative; top: 20px; left: 100px">Внутри test, перед первым дочерним элементом</div>');
test.insertAdjacentHTML('beforeend', '<div>Внутри test, после последнего дочернего элемента</div>');
test.insertAdjacentHTML('afterend', '<div>После test</div>');

var idd = '<?php echo $id; ?>';
    var clas = '<?php echo $class ?>';
    var Top = '<?php echo $top ?>';
    var left = '<?php echo $left ?>'; 
    var postq = document.getElementById("art-main");
    postq.insertAdjacentHTML('afterbegin','<div id="idd"></div>');

var html = '<div id="'+perm+'"></div>'; // где perm - переменная

var postq = document.getElementById("post-11");
    postq.insertAdjacentHTML('beforebegin',ne);

var postq = document.getElementById("post-11");

<script type="text/javascript">
      window.onload = function() {
      var idd = '<?php echo $id; ?>';
    var clas = '<?php echo $class ?>';
    var Top = '<?php echo $top ?>';
    var left = '<?php echo $left ?>'; 
    var ne = '<div id="'+idd+'" class="'+clas+'" top="'+Top+'" left='+left+'"></div>';
    var postq = document.getElementById("post-11");
    postq.insertAdjacentHTML('beforebegin',ne);
      }
    </script>

//author [email]VlasenkoFedor@mail.ru[/email]
String.prototype.render = function(obj) {
  return this.replace(/\{([\w\.]*)\}/g, function(str, key) {
    var value, i, keys = key.split(".");
    while (i = keys.shift()) {
      if (value = obj[i]) {
        if (typeof value === "object")
          obj = value;
        else
          break;
      }
    }
    return typeof value !== "undefined" && value !== null ? value : '';
  });
};
 
var html = '<div id="{div_id}"><span>{text}</span></div>',
  data = {
    div_id: 'idtest',
    text: 'Custom text'
  };
newdata = {
  div_id: 'newtest',
  text: 'New text'
}
document.body.insertAdjacentHTML('afterbegin', html.render(data));
document.body.insertAdjacentHTML('beforeend', html.render(newdata));