DOM manipulation

Créer un élément HTML :

const newElt = document.createElement("div");

Ajouter du HTML dans un élément :

element.innerHTML = "<p>Coucou</p>"; //si contient du html
element.textContent = "coucou"; //si contient juste du texte

Ajouter un élement HTML dans un élement parent :

let parentNode = document.body;
let p = document.createElement("p");
parentNode.appendChild(p);

Ajouter une classe CSS à un élément HTML :

navHeader.className += " responsive";
// ou
navHeader.classList.add("responsive");
navHeader.classList.remove("responsive");

Changer le style CSS d'un élément HTML :

modalbg.style.display = "block";

Last updated