Esta es la función en la que agrego un nuevo elemento a mi lista de tareas pendientes y agrego un intervalo llamado "eliminar" al final de mi elemento como un botón.
function newElement() { count++; var li = document.createElement("li"); var inputValue = document.getElementById("addNewItem").value; var t = document.createElement("Label"); var checkB=document.createElement("input"); checkB.setAttribute("type","checkbox"); checkB.setAttribute("id",count); t.setAttribute("for",count); t.textContent=inputValue; t.appendChild(checkB); li.appendChild(t); if (inputValue === '') { alert("You cannot add an empty element!"); } else { document.getElementById("myList").appendChild(li); } document.getElementById("addNewItem").value = ""; <!--adding delete button to each new item--> var span = document.createElement("SPAN"); span.className = "close"; span.textContent="delete"; console.log(span.textContent); li.appendChild(span); }Aquí traté de cambiar el texto de lapso a "cancelar". Cuando lo reviso por console.log(span.textContent) el texto parece cambiado como cancelar pero en la pantalla todavía veo el lapso como eliminar
var list = document.querySelector('ul'); list.addEventListener('click', function(e) { if (e.target.tagName === 'LABEL') { var li=e.target.parentElement; var label=e.target; label.style.textDecoration="line-through"; var span=li.getElementsByTagName("span"); span.textContent="cancel"; completedTaskHolder.appendChild(li); }