Расположите элемент в определенном месте в DOM JavaScript

Question

У меня есть этот код, который создает элемент, но проблема, с которой я столкнулся, добавляет ее в самую нижнюю часть страницы, чтобы это работало, мне нужно, чтобы она была позиционирована в каком-то месте в DOM, как я могу это сделать?

var x = document.getElementById('options_10528_1'); 
var pos = document.getElementById('options-10528-list'); 
x.onclick = function(){ 
var elem = document.createElement('div'); 
elem.setAttribute("class","uk-warning"); 
elem.innerHTML = "Unfortunately, we cannot supply this medicine. Please consult your GP."; 
document.body.appendChild(elem); 
} 

Answer 1

afterWhichNode.parentNode.insertBefore(newNode, afterWhichNode.nextSibling); 

Этот код будет вставить узел после afterwichNode, тот с помощью ванили JavaScript, если вы используете JQuery, просто использовать .after()

Answer 2

В настоящее время вы Добавляя элемент в теге тела, его всегда будет снижаться. Поэтому, если вы хотите добавить элемент в определенную позицию, вы должны добавить его в этот контейнер. пусть говорят, что вы хотите добавить его в «позах», вы можете сделать это:

pos.appendChild(elem);