【js/jQuery】在元素最前或最后添加一个新元素的方法

在jQuery中，可以使用prepend()方法在元素内部的前面添加新元素，或者使用append()方法在元素内部的后面添加新元素。

以下是实例代码：

// 创建新元素
var newElement = $("<p>这是新添加的段落。</p>");
 
// 在目标元素内部最前面添加新元素
$("#targetElement").prepend(newElement);
 
// 在目标元素内部最后面添加新元素
$("#targetElement").append(newElement);

在原生JavaScript中，可以使用insertBefore()在选定元素之前添加新元素，或者使用appendChild()在选定元素之后添加新元素。

以下是实例代码：

// 创建新元素
var newElement = document.createElement("p");
newElement.textContent = "这是新添加的段落。";
 
// 获取目标元素
var targetElement = document.getElementById("targetElement");
 
// 在目标元素之前添加新元素
targetElement.parentNode.insertBefore(newElement, targetElement);
 
// 在目标元素之后添加新元素
targetElement.appendChild(newElement);