[Résolu] Titres d'une section via parentElement et nextElementSibling

Bonjour,

Le titre n'est peut-être pas évocateur. Voici de quoi il s'agit :

La structure de document sur laquelle je planche est la suivante :

<h2>Titre de niveau 1</h2>
<div>
<button onclick="fonction_1(this)">Bouton 1</button>
<button onclick="fonction_2(this)">Bouton 2</button>
</div>
<section>
     <h3>Titre de niveau 2</h3>
              <section>Texte correspondant au titre</section>
     <h3>Titre de niveau 2</h3>
              <section>Texte correspondant au titre</section>
</section>

J'ai besoin dans ma fonction_2, appelée par le Bouton 2, de récupérer les titres de la section qui se trouve en-dessous.

J'ai naturellement essayé ceci :

function fonction_2(elmt) {
     const titres = elmt.parentElement.nextElementSibling.querySelectorAll('h3, h4');
     for (i = 0; i < titres.length; i++) {
	  titres[i].style.color = 'red';
     }
}

parentElement m'amène au div contenant les boutons.
nextElementSibling m'amène normalement à la section contenant les titres h3.
Malheureusement, ce code ne marche pas.
Où est la faille ?

Merci d'avance pour votre aide.

Cela semble fonctionné.

https://codepen.io/anon/pen/oPpvqx

dans quel navigateur as tu des soucis ?

cdt