So erhalten Sie DOM-Elemente in JavaScript

Methoden: 1. Verwenden Sie die Methode getElementById, um den Namenswert abzurufen. 2. Verwenden Sie die Methode getElementsByName, um den Tag-Namen abzurufen. 4. Verwenden Sie die Methode querySelector durch den Selektor.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

JS-Methoden zum Abrufen von DOM-Elementen (8 Möglichkeiten)

• Get by ID (getElementById)
• By name attribute (getElementsByName)
• By tag name (getElementsByTagName)
• By class name (getElementsByClassName)
• Pass Der Selektor ruft ein Element ab (querySelector)
• Ruft eine Reihe von Elementen über den Selektor ab (querySelectorAll)
• Die Methode zum Abrufen von HTML (document.documentElement)
• document.documentElement wird speziell zum Abrufen des HTML-Tags verwendet
• Die Methode zum Abrufen des Körpers (document.body)
• document.body wird speziell zum Abrufen des Body-Tags verwendet.

1. Get by ID (getElementById)

document.getElementById('id')

• Der Kontext muss dokumentieren.
• Sie müssen Parameter übergeben. Die Parameter sind vom Typ String und werden verwendet, um die ID des Elements zu erhalten.
• Der Rückgabewert erhält nur ein Element und gibt null zurück, wenn es nicht gefunden wird.

2. Über das Namensattribut (getElementsByName)

document.getElementsByName('name')

• Der Kontext muss ein Dokument sein und der Inhalt
• muss Parameter übergeben. Die Parameter dienen dazu, das Namensattribut des Elements abzurufen.
• Der Rückgabewert ähnelt einem Array. Wenn er nicht gefunden wird, wird ein leeres Array zurückgegeben.

[Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene]

3. Über den Tag-Namen (getElementsByTagName)

• Beachten Sie, dass dieses Element vorhanden sein muss.
• Der Parameter dient zum Abrufen des Tag-Namensattributs des Elements, bei dem die Groß- und Kleinschreibung nicht berücksichtigt wird.
• Der Rückgabewert ist ein Klassenarray. Wenn er nicht gefunden wird, wird ein leeres Array zurückgegeben.

4 Über den Klassennamen (getElementsByClassName)

var obj1 = document.getElementsByClassName('animated')
// console.log
0:div.app.animated
1:div#login.login.animated.rubberBand
2:div#reg.reg.animated.shake
3:div#kefu.kefu.animated.swing
4:div#LoginState.state.animated.bounce
5:div.loginState.animated
6:div.regState.animated
7:div.pop.animated

• Der Kontext kann ein Dokument oder ein Element sein.
• Der Parameter ist der Klassenname des Elements.
• Der Rückgabewert ähnelt einem Array. Wenn er nicht gefunden wird, wird ein leeres Array zurückgegeben.

5. Holen Sie sich ein Element über den Selektor (querySelector)

document.querySelector('.animated')

• Der Kontext kann ein Dokument oder ein Element sein.
• Der Parameter ist der Selektor, zum Beispiel: „p .className“.
• Der Rückgabewert erhält nur das erste Element.

6. Holen Sie sich eine Reihe von Elementen über den Selektor (querySelectorAll)

document.querySelector('.animated')

• Der Kontext kann ein Dokument oder ein Element sein.
• Der Parameter ist der Selektor, zum Beispiel: „p .className“.
• Der Rückgabewert ist ein Array-ähnlicher Wert.

Weitere Programmierkenntnisse finden Sie unter: Programmiervideo! !

Das obige ist der detaillierte Inhalt vonSo erhalten Sie DOM-Elemente in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!