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

Position an element in certain place in DOM JavaScript

本文关键字：定位 位置 JavaScript DOM 元素      更新时间：2023-09-26

我有这个代码创建一个元素，但我面临的问题是它附加在页面的底部，为了这个工作，我需要它被定位在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);
}

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

这段代码将在afterwichNode之后插入一个节点，这是使用香草javascript，如果你使用jquery，只需使用.after()

当前你在body标签中添加元素，它将始终位于底部。所以如果你想把元素附加到一个特定的位置，你必须把它附加到那个容器中。假设你想把它添加到"pos"中，你可以这样做:

pos.appendChild(elem);
相关文章：