dom - JavaScript - add elements inside another always before last one

Question

I have next sctructure

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

How to add new <article> elements (for example 3) inside the <section> but before <button> using JavaScript? Thanks

question from:https://stackoverflow.com/questions/65644310/javascript-add-elements-inside-another-always-before-last-one

Answer 1

You can use querySelector in conjunction with :last-of-type CSS pseudo-class:

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