将元素追加为兄弟元素？ [英] Append element as sibling after element?

问题描述

如何使用纯Javascript在HTML元素后添加文本？有appendChild，但这将其添加到元素中。我想将其作为同级元素添加到该元素之后：

How do I add a text after an HTML element using pure Javascript? There is appendChild but this adds it within the element. I would instead like to add it as a sibling after the element like this:

<img id="myimg" src="..." />

<script>
  var myimg = document.getElementById('myimg');
  myimg.appendAFTER('This is my caption.'); //pseudo-code and doesn't really work
</script>

我想以此结尾：

<img id="myimg" src="..." />
This is my caption.

<（c $ c> after（）

What is the Javascript equivalend of after() from jQuery?

推荐答案

签出 Node。 insertBefore（） 和 Node。 nextSibling （小提琴）：

var myimg = document.getElementById('myimg');
var text = document.createTextNode("This is my caption.");
myimg.parentNode.insertBefore(text, myimg.nextSibling)

或 Element。 insertAdjacentHTML（） （小提琴）：

var myimg = document.getElementById('myimg');
myimg.insertAdjacentHTML("afterend", "This is my caption.");

这篇关于将元素追加为兄弟元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！