Besoin d’une explication détaillée parce que vous n’avez rien compris ? ICI
html
<div id="idDeMonElement"></div>
js
let monElement = document.getElementById('idDeMonElement');
html
<div id="idDeMonElement">A</div>
<div class="element">B</div>
js
let monElementA = document.querySelector("#idDeMonElement");
let monElementB = document.querySelector(".element");
var elements = document.getElementsByClassName('toto'); // class="toto"
var elements = document.getElementsByName('toto'); // name="toto"
var elements = document.getElementsByTagName('h1'); // <h1>...</h1>
Ces commandes retournent une liste d’éléments. On utilisera souvent ensuite une boucle pour faire des modifications dessus.