Easy-Micro

ESPACEMEMBRE DOM et JavaScript
Modifier contenu

Modifier le contenu et la structure du document

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.
Javascript :
<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>
 > Voir cet exemple Easy-Micro

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.
Voir un exemple du "Sélecteur de dates" sur Pompage magazine

Flux RSS Easy-Micro - Abonnez-vous Easy-Micro [ François Bisch ]