Zu den nativen JS -Selektoren gehören GetElementById, GetelementsByName, GetElementsByTagName und GetElementsByClassName. Als nächstes werde ich die Verwendung dieser vier Selektoren einzeln vorstellen.
1.GetElementById (Element durch ID erhalten)
Verwendung: document.getElementById ("id"); ID ist der ID -Attributwert des zu abgerufenen Elements.
2.GetElementsByName (Element durch Namensattribut abrufen)
Verwendung: document.getElementsByName ("Name"); Name ist der Name Attributwert des zu erhaltenen Elements. Diese Methode gilt im Allgemeinen für die Übermittlung von Formulardaten. Wenn das Element Form, IMG, Iframe, Applet, Einbetten oder Objekt ist, wird das nach dem Namensattributwert benannte Attribut automatisch im Dokumentobjekt erstellt. Daher kann das entsprechende DOM -Objekt über Dokument verwiesen werden.
3.GetElementsByTagName (Element mit Elementname abrufen)
Verwendung: Document.GetElementsByTagName (TagName); TagName ist der Tag -Name des zu erhaltenen Elements. Wenn Tagname *ist, bedeutet dies, alle Elemente zu erhalten. Das Dokument kann auch durch ein DOM -Element ersetzt werden, aber auf diese Weise können Sie nur die Teilmengenelemente hinter dem DOM -Element erhalten.
4. GetElements ByclassName (Elemente über CSS -Klasse erhalten)
Verwendung: Document.GetElementsByClassName (KlasseName); ClassName ist der CSS -Klasse -Name, um das Element zu erhalten. Wenn Sie gleichzeitig mehrere Elemente erhalten möchten, trennen Sie sie nach jeder CSS -Klasse mit Leerzeichen. Beispielsweise erhält Document.GetElementsByClassName ("Class2 Class1") das Element in den Styles der Klasse1 und der Klasse2, und das Dokument kann auch durch ein DOM -Element ersetzt werden, so dass nur Untermengenelemente nach dem DOM -Element erhalten werden können.
<!DOCTYPE html><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>demo</title></head><body><div>I am getting through tag</div><div id="box">I am getting through id</div><div>I am getting through class</div><form action="" name = "box2"> Ich erhalte den Namen </form> </body> <script type = "text/javaScript"> var document = document.GetElementsByTagName ("div"); var box = document.getElementById ("Box"); var box1 = document.getElementsByClassName ("box1"); var box2 = document.getElementsByName ("box2"); </script> </html>Die oben genannte ist die vollständige Analyse des vom Herausgebers für Sie gebrachten JS -Selektors. Ich hoffe, jeder kann Wulin.com mehr unterstützen ~