Combiner les sélecteurs avec queryselector

Bonjour à tous
Je souhaite rendre visible un INPUT et son LABEL
je n'arrive pas à combiner les sélecteurs en une seule ligne:
HTML

Code:

---

1 2 3 4

<label for="paramM" class="labParam">Paramètre <input type="number" class="param" id="paramM" min="1" max="100"/> <span class="parunit">X</span> </label>

---

JS:

Code:

---

1 2	document.querySelector(".labParam").style.visibility='visible'; document.querySelector("#paramM").style.visibility='visible';

---

Avec ces deux lignes cela fonctionne mais en une seule ligne, est-ce possible?

Bonjour,

Utilisez querySelectorAll et une boucle

Code:

---

1 2	document.querySelectorAll(".labParam,#paramM") .forEach(elem=>elem.style.visibility="visible");

---

Non cela ne va pas parce que .labParam fait référence à d'autres éléments qui ne doivent pas être rendus visible.
Il ne doit y avoir que cette entité label .labParam et input #paramM
Merci.

Bonjour,

Utilisez donc l'attribut for de .labParam puisqu'il fait référence à un ID unique.

Code:

---

document.querySelectorAll(".labParam[for='paramM'],#paramM")

---

Vous pouvez aussi attribuer un ID au label en question...

voilà, c'est cette syntaxe que je n'arrivais pas à faire car c'est difficile à trouver sur le Net, l'histoire des crochets [].
Merci beaucoup.

Citation:

---

Envoyé par mormic

l'histoire des crochets [].

---

Cette "histoire" s'appelle les sélecteurs CSS. ;-)

Merci pour ce lien. Je vais enfin pouvoir comprendre après quelques heures de lecture et de mises en application.