如何使用vanilla js附加内联元素[重复]

Question

我想在输入字段之后附加一个 span 元素，但使用 appendChild() 将 span 附加到输入字段并没有按我的意愿工作。如何在js中的另一个元素之后附加一个内联元素？

这是我创建 span 元素的代码

    var span = document.createElement("span");
    span.setAttribute("id", inputNameValues[i] + "-error");
    var errorText = document.createTextNode("* " + inputLabels[i] + " must not be left blank");
    span.appendChild(errorText);
    input.appendChild(span);

Answer 1

看起来您将 span 添加为 input 的子项，而不是兄弟项。

我认为使用 Element.insertAdjacentHTML() 可能会更好。

https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentHTML