Javascript jquery中的insertAdjacentHtml

出于某种原因，当在FF中使用insertAdjacentHtml函数时，我发现insertAdjacentHtml不是一个函数错误，在jQuery或其他javascript函数中是否有其他替代方法？

如果我理解正确，您希望在DOM元素的末尾追加

您可以使用jqueryappendto来完成

---

以下是文档

jquery使用各种函数来实现这一点：

阅读：





... 还有更多

jQuery操作API文档中还有更多内容：

---

这取决于你如何使用它

.insertAdjacentHTML("beforeBegin", ...) //$('...').before(...)
.insertAdjacentHTML("afterBegin", ...) //$('...').prepend(...)
.insertAdjacentHTML("beforeEnd", ...) //$('...').append(...)
.insertAdjacentHTML("afterEnd", ...) //$('...').after(...)

---

代码示例

$（'
PrependTo
）.PrependTo（$（'.main'））；
$（'.main'）.prepend（'
prepend
'）；
$（'
AppendTo
）.AppendTo（$（'.main'）；
$（'.main'）.append（'
append
）；
$（'
在
'之后插入。）.insertAfter（'.main'）；
$（'p class=“border”>Insert Before
）.insertBefore（'.main'）
.border{
边框：1px实心#000；
利润率：10px；
填充：5px15px；
}

主要

要扩展和更正：

下面是值和关联值的映射

开始之前
/
结束之前
/
MDN页面有一个如下所示的：

<!-- beforebegin / before -->
<p>
  <!-- afterbegin / prepend -->
  foo
  <!-- beforeend / append -->
</p>
<!-- afterend / after-->



福


的错误是，
afterBegin
和
afterEnd
被转置了。
这里是一个关于这方面的工作示例


$（'
PrependTo
）.PrependTo（$（'.main'））；
$（'.main'）.prepend（'
prepend
'）；
$（'
AppendTo
）.AppendTo（$（'.main'）；
$（'.main'）.append（'
append
）；
$（'
在
'之后插入。）.insertAfter（'.main'）；
$（'p class=“border”>Insert Before
）.insertBefore（'.main'）
.border{
边框：1px实心#000；
利润率：10px；
填充：5px15px；
}

主要

映射中存在严重错误<代码>后开始
和
后结束
被转置。我添加了一个更正的版本（因为我的编辑被拒绝）。
document.getElementById('foo').insertAdjacentHTML("afterend", "<hr>")
$('#foo').append("<hr>")

document.getElementById('foo').insertAdjacentHTML("beforeend", "<hr>")
$('#foo').append("<hr>")

document.getElementById('foo').insertAdjacentHTML("afterbegin", "<hr>")
$('#foo').prepend("<hr>")

<!-- beforebegin / before -->
<p>
  <!-- afterbegin / prepend -->
  foo
  <!-- beforeend / append -->
</p>
<!-- afterend / after-->