Les sélecteurs JS natifs incluent GetElementById, GetElementsByName, GetElementsByTagName et GetElementsByClassName. Ensuite, je présenterai l'utilisation de ces quatre sélecteurs un par un.
1.GetElementById (Obtenez l'élément via ID)
Utilisation: document.getElementById ("id"); id est la valeur d'attribut ID de l'élément à récupérer.
2.EtgelElementsByName (Get Element via l'attribut de nom)
Utilisation: document.getElementsByName ("Name"); le nom est la valeur d'attribut de nom de l'élément à obtenir. Cette méthode s'applique généralement à la soumission des données de formulaire. Lorsque l'élément est forme, img, iframe, applet, intégration ou objet, l'attribut nommé d'après la valeur d'attribut de nom sera automatiquement créé dans l'objet de document. Par conséquent, l'objet DOM correspondant peut être référencé via Document.Domname
3.GetsElementsByTagName (Obtenez l'élément par nom d'élément)
Utilisation: document.getElementsByTagName (TagName); TagName est le nom de balise de l'élément à obtenir. Lorsque TagName est *, cela signifie obtenir tous les éléments. Le document peut également être remplacé par un élément DOM, mais de cette manière, vous ne pouvez obtenir que les éléments de sous-ensemble derrière l'élément DOM.
4.ETTELlementsByClassName (Obtenez des éléments via la classe CSS)
Utilisation: document.getElementsByClassName (className); ClassName est le nom de classe CSS pour obtenir l'élément. Si vous souhaitez obtenir plusieurs éléments en même temps, séparez-les avec des espaces après chaque classe CSS. Par exemple, document.getElementsByClassName ("Class2 Class1") obtiendra l'élément dans les styles Class1 et Class2, et le document peut également être remplacé par un élément DOM, de sorte que seuls les éléments de sous-ensemble après l'élément DOM peuvent être obtenus.
<! Doctype html> <! Doctype html> <html lang = "en"> <éread> <meta charset = "utf-8"> <tigh name = "box2"> Je passe par name </ form> </ body> <script type = "text / javascript"> var div = document.getElementsByTagName ("div"); var box = document.getElementById ("box"); var box1 = document.getElementsByClassName ("Box1"); var box2 = document.getElementsByName ("box2"); </cript> </html>Ce qui précède est l'analyse complète du sélecteur JS qui vous est apporté par l'éditeur. J'espère que tout le monde pourra soutenir Wulin.com plus ~