如何解决renderer2在父节点之后追加子节点
我想将新的子节点after
附加到父节点,但是appendChild
附加它的inside
。这是我所拥有的:
我的component.html
:
<div id="parent" (click)="appendChild()">
parent node
</div>
我的component.ts
:
private appendChild() {
const div = this.renderer.createElement('div');
const text = this.renderer.createText('child node')
this.renderer.appendChild(div,text);
this.renderer.appendChild(document.getElementById("parent"),div)
}
这将插入在div
节点内部创建的新parent
,如下所示:
解决方法
只需将其插入父元素中即可
private appendChild() {
const div = this.renderer.createElement('div');
const text = this.renderer.createText('child node')
this.renderer.appendChild(div,text);
const parent = document.getElementById("parent")
this.renderer.insertBefore(parent.parentElement,div,this.renderer.nextSibling(parent))
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。