JavaScript - 在另一个元素中添加元素总是在最后一个之前

Question

我有下一个结构

<section>
   <article>
   <article>
   <button>
</section>

如何使用 JavaScript 在 <article> 内但在 <section> 之前添加新的 <button> 元素（例如 3）？ 谢谢

Answer 1

您可以将 querySelector 与 :last-of-type CSS 伪类结合使用：

document.querySelector(`section > article:last-of-type`);