Retour au cours

Créer de nouveaux éléments : createElement()

JavaScript : Le cours complet pour débutant, de « Zéro à Héros »

85. Créer de nouveaux éléments : createElement()

Les applications web doivent souvent générer du contenu dynamiquement, comme ajouter de nouveaux éléments de liste ou charger des widgets. Nous utilisons document.createElement() pour créer un nouveau nœud DOM.

Étape 1 : Créer l'élément

javascript // Créer un nouvel élément

const newDiv = document.createElement('div');

// Créer un nouvel élément

  • const newItem = document.createElement('li');

    Étape 2 : Configurer l'élément

    Définissez son contenu, ses classes ou ses attributs.

    javascript newDiv.id = 'dynamic-box'; newDiv.classList.add('alert'); newDiv.textContent = 'Contenu créé par JavaScript.';

    Étape 3 : Insérer l'élément (Prochaine leçon)

    Crucialement, la création d'un élément ne le construit qu'en mémoire ; il n'apparaît pas automatiquement sur la page. Vous devez l'insérer explicitement dans l'arbre DOM existant.