Ce formulaire est une liste de tâches avec HTML/CSS/JavaScript, et chaque ligne comporte une case à cocher basée sur les tâches terminées ou inachevées. J'ai créé un événement. Il obtient certaines valeurs d'un objet, comme le texte, l'heure de création, l'ID, etc., et ajoute enfin une balise li au html interne+=... Si la case précédente est cochée
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Voici un extrait de code rapide qui reproduit votre problème. Exécutez-le, puis cochez la case. Notez que cocher/décocher la case ne change pas le code HTML que vous vérifiez ?
"use strict"; window.addEventListener('load', onLoaded, false); function onLoaded(evt) { document.getElementById('addNewBtn').addEventListener('click', onAddBtnClick, false); } function onAddBtnClick(evt) { let newStr = ""; document.querySelector('ul').innerHTML += newStr; }Voici un extrait de code alternatif qui ajoute un élément à la fin de la liste.
"use strict"; window.addEventListener('load', onLoaded, false); function onLoaded(evt) { document.getElementById('addNewBtn').addEventListener('click', onAddBtnClick2, false); } function onAddBtnClick2(evt) { let newLi = document.createElement('li'); newLi.innerHTML = ""; document.querySelector('ul').appendChild(newLi); }