Cibler une balise HTML depuis JavaScript

-
Hello tout le monde,



Je cherche un moyen de cibler des sous balises HTML depuis JavaScript pour pouvoir ajouter un Event au click.

Dans mon cas j'ai fait un menu Dropdown contenant des inputs (checkbox) et j'aimerai cibler précisément le chemin ".drop ul li" (cf. code), sans ajouter de classe ou de ID.



Quelqu'un à une piste?



Merci de votre aide





<style>    
.drop ul li:hover {
        color: rgba(65, 92, 231, 0.9);
        background: rgba(255, 255, 255, .95);

    }

    .drop ul li ul {
        display: block;
        position: absolute;
        opacity: 0;
        visibility: hidden;}
    .drop>ul>li:hover ul {

        opacity: 1;
        visibility: visible;
    }

</style>
<div class="box drop">
                    <ul>
                        <li class="box">
                            <input readonly placeholder="Nombre de pièces">
                            <ul>
                                <li value="studio"><input type="checkbox" name="studio" id="studio"> Studio</li>
                                <li value="t1"><input type="checkbox" name="t1" id="t1"> 2 pièces</li>
                                <li value="t2"><input type="checkbox" name="t2" id="t2"> 3 pièces</li>
                                <li value="t3"><input type="checkbox" name="t3" id="t3"> 4 pièces</li>
                                <li value="t4"><input type="checkbox" name="t4" id="t4"> 5 pièces</li>
                                <li value="t5+"><input type="checkbox" name="t5" id="t5"> 6 pièces et +</li>
                            </ul>
                        </li>
                    </ul>
                </div>


Configuration: Macintosh / Chrome 78.0.3904.108
Afficher la suite 

1 réponse

Meilleure réponse
Messages postés
27024
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
11 décembre 2019
1922
1
Merci
Bonjour,
https://developer.mozilla.org/fr/docs/Web/API/Element/querySelector

Dire « Merci » 1

Heureux de vous avoir aidé ! Vous nous appréciez ? Donnez votre avis sur nous ! Evaluez Comment Ça Marche

CCM 62683 internautes nous ont dit merci ce mois-ci

Commenter la réponse de jordane45