javascript - 将 DOM 元素添加到父级的开头

Question

我使用以下 JavaScript 将 AJAX 响应插入到 ID 为 results 的 div 中:

document.getElementById("结果").innerHTML=xmlhttp.responseText;

但是，这会在已存在的元素之后添加所有新元素。我需要在其他元素之前插入新元素。

我知道这可能非常微不足道，但我似乎找不到自己做这件事。

感谢您的帮助!

Answer 1

通过现代 js，您可以利用 prepend method 。目前caniuse.com says only of IE, Edge, and OperaMini are not supported .

ParentNode.prepend(nodesToPrepend);

例如，

ParentNode.prepend(newDiv);

此外，它会自动将文本转换为文本节点，以便您可以针对您的用例执行以下操作:

document.getElementById("results").prepend(xmlhttp.responseText);