javascript创建div并将其 append 到没有id的子元素旁边

Question

使用此处建议的解决方案:https://stackoverflow.com/a/32135318/10279127我正在尝试创建一个新的 div，并将其 append 到具有 id 的父 div 中，紧邻子 <a> html 元素。

html:

<div id="div0">
<a href="#" class="link">anchor text</a>
// I'd like to place the new div here
</div>

js:

Element.prototype.appendAfter = function(element) {
  element.parentNode.insertBefore(this, element.nextSibling);
}, false;

var NewElement = document.createElement('div');
NewElement.id = 'newDivID';
var tToAfter = $('#div' + index + ' > a'); // this is what i tried but doesn't work
NewElement.appendAfter(tToAfter);

如果在里面.appendAfter(...)而不是tToAfter我写document.getElementById('randomElementId')它可以工作并 append 它，所以我认为必须是纯javascript，js中有没有办法做类似的事情: document.getElementById('div' + index).firstChild 来获取 <a> ？

或者使用 insertAfter ( https://stackoverflow.com/a/8707793/10279127 ) 完全使用 jQuery 来实现？

Answer 1

您可以使用

在 div#div0 内进行选择

const anchor = document.querySelector("#div0>a");