El código js realiza una función de memo simple

 

 

Directorio de artículos

• 1. Demanda
• Dos, análisis de código
• Resumir

 

 

1. Demanda

Ingrese el contenido de la nota en el campo de entrada de la página, haga clic en Agregar, agregue al final, haga clic en el contenido agregado, aparece el estilo de eliminación, haga clic nuevamente para cancelar.

2. Usar pasos

1. Estructura HTML

<input type="text" id="content">
    <input type="button" value="提交备忘录" id="submit">
    <ol>

    </ol>

 

2. código js

  2.1 Agregue el contenido de la herramienta de cuadro de entrada ol

 submit.addEventListener("click",function(){
            li=document.createElement("li");
            li.innerHTML=`${content.value}`;
            ol.appendChild(li);
            content.value="";
        });

 

 

 

 

2.2 Agregar y eliminar efectos

   ol.addEventListener("click",function(event){
            event.target.className=="choose"?
            event.target.className="":event.target.className="choose";
        })

 

---

Resumir

Usando la delegación de eventos event.target, no hay necesidad de vincular y escuchar cada objeto secundario, lo cual es conveniente~