11480 sujets

JavaScript, DOM et API Web HTML5

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. Smiley decu
Où est la faille ?

Merci d'avance pour votre aide.
J'ai relu n fois le code sous Notepad++ puis ai recopié directement le code à partir de codepen.
Maintenant, ça marche !
Une saleté qui s'était logée dans le fichier Notepad ???

Merci de ton intervention.
Bonne soirée.