将元素放置在DOM JavaScript中的特定位置

Question

I have this code which creates an element but the problem i am facing is it appends it at the very bottom of the page, in order for this to work i need it to be positioned in a certain place in the DOM how can i do this ?

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

Currently you are appending the element in the body tag, it will always goes at bottom. So if you want to append the element in a specific position, you have to append it in that container. let say you want to append it in "pos", you can do this:

pos.appendChild(elem);