Wie bekomme ich das DOM-Objekt? In JavaScript können Sie ein DOM-Objekt mit den folgenden Methoden abrufen: getElementById(): Ruft ein DOM-Element basierend auf seinem ID-Attribut ab. getElementsByClassName(): Ruft eine Sammlung von DOM-Elementen basierend auf dem Klassenattribut ab. getElementsByTagName(): Ruft eine Sammlung von DOM-Elementen basierend auf Tag-Namen ab. querySelector(): Ruft ein einzelnes DOM-Element basierend auf einem CSS-Selektor ab. querySelectorAll(): Ruft eine Sammlung von DOM-Elementen basierend auf CSS-Selektoren ab.
So erhalten Sie ein DOM-Objekt in JavaScript
In JavaScript gibt es mehrere Möglichkeiten, ein Document Object Model (DOM)-Objekt abzurufen:
1. getElementById()
Diese Methode ist Wird zum Abrufen des DOM-Elements basierend auf seinem ID-Attribut verwendet.
const element = document.getElementById('my-element');
2. getElementsByClassName()
Diese Methode wird verwendet, um einen Satz von DOM-Elementen basierend auf ihrem Klassenattribut abzurufen.
const elements = document.getElementsByClassName('my-class');
3. getElementsByTagName()
Diese Methode wird verwendet, um eine Reihe von DOM-Elementen basierend auf ihren Tag-Namen abzurufen.
const elements = document.getElementsByTagName('p');
4. querySelector()
Diese Methode wird verwendet, um ein einzelnes DOM-Element basierend auf einem CSS-Selektor abzurufen.
const element = document.querySelector('p#my-paragraph');
5. querySelectorAll()
Diese Methode wird verwendet, um eine Reihe von DOM-Elementen basierend auf CSS-Selektoren abzurufen.
const elements = document.querySelectorAll('.my-class');
Beispiel
Das folgende Beispiel verwendet die getElementById()
-Methode, um ein Absatzelement mit der ID „my-paragraph“ abzurufen:
const paragraph = document.getElementById('my-paragraph'); paragraph.innerHTML = 'Hello, JavaScript!';
Das obige ist der detaillierte Inhalt vonSo erhalten Sie ein Dom-Objekt in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!