Sie können DOM-Elemente auf verschiedene Weise mit JavaScript auswählen:
1. Durch die Verwendung von `getElementById`: Dies ist eine Methode, die auf dem Dokumentobjekt verfügbar ist und Ihnen das Element mit der angegebenen ID zurückgibt. Zum Beispiel:
```javascript
var el = document.getElementById(‘myId’);
```
2. Durch die Verwendung von `getElementsByClassName`: Diese Methode gibt Ihnen eine NodeList aller Elemente mit der angegebenen Klasse zurück. Zum Beispiel:
```javascript
var els = document.getElementsByClassName(‘myClass’);
```
3. Durch die Verwendung von `getElementsByTagName`: Diese Methode gibt Ihnen eine NodeList aller Elemente mit dem angegebenen Tag-Namen zurück. Zum Beispiel:
```javascript
var els = document.getElementsByTagName(‘div’);
```
4. Durch die Verwendung von `querySelector`: Diese Methode gibt Ihnen das erste Element zurück, das dem angegebenen CSS-Selektor entspricht. Zum Beispiel:
```javascript
var el = document.querySelector(‘.myClass’);
```
5. Durch die Verwendung von `querySelectorAll`: Diese Methode gibt Ihnen eine NodeList aller Elemente zurück, die dem angegebenen CSS-Selektor entsprechen. Zum Beispiel:
```javascript
var els = document.querySelectorAll(‘.myClass’);
```
Beachten Sie, dass `querySelector` und `querySelectorAll` die leistungsstärksten Methoden sind, da sie jeden CSS-Selektor verwenden können, aber sie sind auch die langsamsten. Wenn Sie also Leistung benötigen und nach Elementen mit einer bestimmten ID, Klasse oder einem bestimmten Tag suchen, ist es besser, die spezifischeren Methoden zu verwenden.
