我一直在創建一個待辦事項列表，每個條目有兩個按鈕，“完成”用于逐行完成的任務，“刪除”用于刪除它。當我刪除第二個項目時，它會刪除第一個項目而不是第二個項目。我怎樣才能解決這個問題？謝謝。這是 HTML<body><header> <h1>To Do List</h1> <div class="addItems"> <input type="text" name="text" id="addThis" onfocus="this.value=''"> <input type="button" value="Add" id="addBtn"> </div></header><section class="checkList"> <ul class="list"></ul> </section>這是JSaddButton.addEventListener('click' , add);function add(){ let input = document.getElementById('addThis').value; let newLi = document.createElement('li'); newLi.id = "listNewItem"; newLi.style.listStyleType = "none"; newLi.style.backgroundColor = "#f4f4f4"; newLi.style.padding = "10px"; newLi.style.marginBottom = "10px"; newLi.appendChild(document.createTextNode(input)); let deleteBtn = document.createElement('button') console.log(newLi); let list = document.querySelector('.list'); list.insertBefore(newLi, list.childNodes[2]); let delBtn = document.createElement('button'); delBtn.id = "doneButn"; delBtn.className = "delete"; delBtn.setAttribute("onclick" , "done()"); delBtn.appendChild(document.createTextNode("Remove")); newLi.appendChild(delBtn); let doneSubBtn = document.createElement('button'); doneSubBtn.id = "alreadyDone"; doneSubBtn.className = "done"; doneSubBtn.setAttribute("onclick" , "finished()"); doneSubBtn.appendChild(document.createTextNode("Done")); newLi.appendChild(doneSubBtn);}function done(){ let del = document.getElementById('doneButn'); let li = del.parentNode; li.remove();}function finished(){ let liText = document.getElementById('alreadyDone').parentNode; liText.style.textDecoration = "line-through";}javascripthtmlCSS
刪除按鈕刪除目標項目之前的項目
慕姐4208626
2023-11-12 15:31:17
