在没有库的 JavaScript 中将元素插入其他元素
在 JavaScript 中,存在 insertBefore() 方法,用于在指定引用之前插入元素节点。但是,如果您想在不依赖 jQuery 或其他库的情况下在另一个元素之后插入一个元素怎么办?
答案
以下代码片段就是您所需要的:
referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
其工作原理如下:
示例代码
要使用此解决方案,您可以定义以下函数:
function insertAfter(referenceNode, newNode) { referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling); }
然后您可以像这样使用这个函数so:
var el = document.createElement("span"); el.innerHTML = "test"; var div = document.getElementById("foo"); insertAfter(div, el);
此代码将在 id 为“foo”的 div 之后插入带有文本“test”的 span 元素。
以上是如何在没有库的情况下在 JavaScript 中插入一个元素?的详细内容。更多信息请关注PHP中文网其他相关文章!