Hi Guys,

I'm currently working on a website with a lot of pages and one of the annoying part is to add <section> tag in front of every single header.

I was wondering if it's possible to populate all the section tags using JavaScript but since it all depends on what heading number it is, the <section> tag may change

For instance :

Code:
<section>
<h1>Heading1</h1>

<section>
<h2>Heading2</h2>

</section>
<section>
<h2>Heading2</h2>

<section>
<h3>Heading3</h3>

</section>
</section>
<section>
<h2>Heading2</h2>
</section>
</section>
As you can see it's not always the same, and only section is used, no article or anything

I have no idea where to begin with...

Any ideas?