將元素放置在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

當前，您將元素添加到body標簽中，它將始終位於底部。 因此，如果要將元素附加到特定位置，則必須將其附加到該容器中。 假設您要將其附加在“ pos”中，則可以執行以下操作：

pos.appendChild(elem);