Heim >Web-Frontend >js-Tutorial >Zusammenfassung der Möglichkeiten, DOM-Elemente in js abzurufen

Zusammenfassung der Möglichkeiten, DOM-Elemente in js abzurufen

angryTom
angryTomnach vorne
2019-12-11 17:28:113042Durchsuche

Zusammenfassung der Möglichkeiten, DOM-Elemente in js abzurufen

Zusammenfassung, wie man Elemente erhält

1 Holen Sie sich das Element basierend auf dem Wert des id-Attribut und Rückgabe ist ein Elementobjekt

document.getElementById("id属性的值");
document.getElementById("btn");

[Verwandte Kursempfehlungen: JavaScript-Video-Tutorial]

2 den Tag-Namen und geben ihn zurück. Es handelt sich um ein Pseudo-Array, das mehrere DOM-Objekte speichert

document.getElementsByTagName("标签名字");
document.getElementsByTagName("li");

Die folgenden werden von einigen Browsern nicht unterstützt

3 . Erhalten Sie Elemente basierend auf dem Wert des Namensattributs und geben Sie ein Pseudo-Array zurück, das mehrere DOM-Objekte speichert

document.getElementsByName("name属性的值")
document.getElementsByName("name1")

4 style Um das Element nach Namen abzurufen, wird ein Pseudo-Array zurückgegeben, das mehrere DOM-Objekte speichert

document.getElementsByClassName("类样式的名字")
document.getElementsByClassName("cls")

5. Holen Sie sich das Element entsprechend dem Selektor und return ist ein Elementobjekt

document.querySelector("选择器的名字");
document.querySelector("#btn"); //id,类,标签等选择器用的比较多

6. Holen Sie sich das Element entsprechend dem Selektor, und was zurückgegeben wird, ist ein Pseudo-Array, das mehrere DOM-Objekte speichert

document.querySelectorAll("选择器的名字")

Dieser Artikel stammt aus der Spalte JS-Tutorial, willkommen zum Lernen!

Das obige ist der detaillierte Inhalt vonZusammenfassung der Möglichkeiten, DOM-Elemente in js abzurufen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:cnblogs.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen