U kunt een DOM-element in JavaScript selecteren met behulp van verschillende methoden. Hier zijn een paar voorbeelden:
1. `document.getElementById(id)` : Hiermee kunt u een element selecteren op basis van zijn id. Vervang `id` door de werkelijke id van het element.
```
var element = document.getElementById(“myId”);
```
1. `document.getElementsByClassName(className)`: Hiermee kunt u elementen selecteren op basis van hun class. Vervang `className` door de werkelijke class van de elementen.
```
var elements = document.getElementsByClassName(“myClass”);
```
1. `document.getElementsByTagName(tagName)`: Hiermee kunt u elementen selecteren op basis van hun tag (bv: ‘div’, ‘span’, ‘section’, enz.). Vervang `tagName` door de werkelijke tag van de elementen.
```
var elements = document.getElementsByTagName(“div”);
```
1. `document.querySelector(selector)`: Hiermee kunt u het eerste element in het document selecteren dat overeenkomt met de opgegeven CSS-selector (s), of het nu een tag, class of id is.
```
var element = document.querySelector(“#myId”);
var element2 = document.querySelector(“.myClass”);
```
1. `document.querySelectorAll(selector)`: Hiermee kunt u alle elementen in het document selecteren die overeenkomen met de opgegeven CSS-selector (s).
```
var elements = document.querySelectorAll(“.myClass”);
```
Onthoud dat `querySelector` en `querySelectorAll` meer rekenkracht kosten dan de andere drie methoden, dus het is beter om deze alleen te gebruiken als dat nodig is.
