Cоздать div js после закрывающего тега родителя?

[usergeyv]

Есть:

<div id="games">тут что то</div>

Создаю:

var div = document.createElement('div');
  div.className = "alert-success";
  div.setAttribute('style', "width: 100%; height: 98px;");
  div.innerHTML = "<strong>Ура!</strong> Вы прочитали это важное сообщение.";
games.appendChild(div);

Результат:

<div id="games">
тут что то
<div class="alert-success" style="width: 100%; height: 98px;"><strong>Ура!</strong> Вы прочитали это важное сообщение.</div>
</div>

А нужно:

<div id="games">
тут что то
</div>
<div class="alert-success" style="width: 100%; height: 98px;"><strong>Ура!</strong> Вы прочитали это важное сообщение.</div>

Решения гугл не дал, прошу помощи..

 

[proovit09]

games.parentNode.insertBefore(div, games.nextSibling);

вместо

games.appendChild(div);

вроде бы работает

 

[usergeyv]

games.parentNode.insertBefore(div, games.nextSibling);

да , то что нужно, спасибо