formations/javascript/base/api-dom-3.md

516 B

.cadoles-slide-title[API du DOM (3/5)]

Création, modification, ajout et suppression d'éléments


// Création d'un nouvel élément
var myDiv = document.createElement('div');

// Modification du contenu de l'élément
myDiv.innerHTML = '<ul><li>Item 1</li></ul>';

// Manipulation des attributs
myDiv.className = 'my-class';
myDiv.classList.add('my-other-class');
myDiv.classList.remove('my-class');

// Ajout/suppression du DOM
document.body.appendChild(myDiv);
document.body.removeChild(myDiv);