Les méthodes sur les noeuds

• innerHTML : insère ou récupère le texte dans un noeud

document.querySelector("header").innerHTML = "Je remplace le texte";
let texte = document.querySelector("header").innerHTML;
//Je remplace le texte

• classeName : affecte ou récupère la classe d'un noeud

document.querySelector.classeName = "texte_rouge";
let classe = document.querySelector.classeName;
//texte_rouge

• style : affecte ou récupère la valeur d'une propriété d'un noeud

document.querySelector("header").style.width = "250px";
document.querySelector("header").style.display = "none";

• getAttribute : permet de récupérer un attribut d'un noeud

let link = document.querySelector('a');
let href = link.getAttribute('href');

• setAttribute : permet de récupérer un attribut d'un noeud

 link.setAttribute('href', 'http://www.monsupersite.com');

• classList : permet de récupérer la liste des classe d'un noeud et de modifier cette liste

 link.classList; // récupère la liste des classes utilisées sous forme d'un tableau

 link.classList.remove("foo"); // supprime une classe
 link.classList.add("anotherclass"); // ajoute une nouvelle classe

 // Si la classe visible est affectée, on la retire ; Sinon, on l'ajoute
 link.classList.toggle("visible")

 // renvoie true si la classe foo est affectée. Sinon renvoie false
 link.classList.contains("foo")