Quelle syntaxe js pour ces fonctons jQuery ?

  • css
  • animation
  • append
  • prepend
  • forEach

Ajouter retirer des éléments du DOM

innerHTML

element.innerHTML = "toto" // remplace l'intérieur de l'élément
element.innerHTML += "toto" // ajoute au cul de l'élément

insertAdjacentHTML

element.appendChild(newNode)

Supprimer des éléments du DOM

// Supprime un élément spécifié sans avoir à spécifier son noeud parent
var node = document.getElementById("nested");
if (node.parentNode) {
  node.parentNode.removeChild(node);
}
// Supprime tous les enfant d'un élément
var element = document.getElementById("top");
while (element.firstChild) {
  element.removeChild(element.firstChild);
}

Ajouter du css

setAttribute

element.setAttribute("style", "color: red;")

add a class to an element

Considering this tag

<div id="tag" class="one"></div>
const elem = document.getElementById("tag")
const elemClasses = elem.getAttribute("class");

elem.setAttribute("class", elemClasses+" two")

Will give this

<div id="tag" class="one two"></div>