Créer du nouveau contenu

createElement(element)

Crée un nouvel élément

createTextNode(chaine)

Crée un nouveau nœud de texte dont la valeur est la chaîne chaine.

<div id="div1">Bienvenue sur Easy-Micro</div>

<script>
function addElement () {
  // crée un nouvel élément div
  let newDiv = document.createElement("div");
  // et lui donne un peu de contenu
  let newContent = document.createTextNode('Et bien, bonjour à tous!');
  // ajoute le nœud texte au nouveau div créé
  newDiv.appendChild(newContent);

  // ajoute le nouvel élément créé et son contenu dans le DOM
  let currentDiv = document.getElementById('div1');
  document.body.insertBefore(newDiv, currentDiv);
}
    
document.body.onload = addElement;
</script>

Modifier le contenu existant

setAttribute(attribut,valeur)

Ajoute un nouvel attribut avec la valeur à l'objet.

appendChild(enfant)

Ajoute enfant en tant que nœud enfant (childNode) à l'objet. enfant doit être un objet, vous ne pouvez pas utiliser de chaîne de caractères.

cloneNode()

Copie le nœud entier avec tous les nœuds enfants.

hasChildNodes()

Vérifie si un objet possède des nœuds enfants (childNodes), et renvoie true si c'est le cas.

insertBefore(nouvelEnfant,ancienEnfant)

Insère nouvelEnfant avant ancienEnfant dans l'arbre du document.

removeChild(ancienEnfant)

Supprime le nœud enfant ancienEnfant.

replaceChild(nouvelEnfant,ancienEnfant)

Remplace ancienEnfant par nouvelEnfant.

removeAttribute(attribut)

Supprime l'attribut de l'objet.