Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何删除<;李>;元素单击<;i>;java脚本中的元素?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何删除<;李>;元素单击<;i>;java脚本中的元素?

Javascript 如何删除<;李>;元素单击<;i>;java脚本中的元素?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我还在学习JS,在java脚本中单击元素删除元素时遇到了一些小问题。也许有人可以帮助或提供建议 这是我的密码: var add=document.getElementById(“添加按钮”); add.addEventListener(“单击”,函数(){ var ul=document.getElementById(“任务”); var input=document.getElementById(“新任务”).value; var li=document.createElement(“li”

我还在学习JS,在java脚本中单击元素删除
  • 元素时遇到了一些小问题。也许有人可以帮助或提供建议

    这是我的密码:

    var add=document.getElementById(“添加按钮”);
    add.addEventListener(“单击”,函数(){
    var ul=document.getElementById(“任务”);
    var input=document.getElementById(“新任务”).value;
    var li=document.createElement(“li”);
    ul.儿童(li);
    li.innerText=输入;
    var i=document.createElement(“i”);
    i、 添加('fas','fa times');
    //i.className='fas-fa-times';
    李.儿童(i);;
    input.value=“”;
    });
    var remove=document.queryselectoral(“.fas”);
    remove.addEventListener(“单击”,函数(){
    对于(变量i=0;i
    
    
    添加
    
    • Zadzwonićdo
    • Odebraćdzieci z
    • Kupićna obiad
    • Umówićsięna…

    您可以编写一个函数来删除父
    li
    并在创建
    i
    时需要附加的
    addeventlist
    中调用此函数

    var add=document.getElementById(“添加按钮”);
    add.addEventListener(“单击”,函数(){
    var ul=document.getElementById(“任务”);
    var input=document.getElementById(“新任务”).value;
    var li=document.createElement(“li”);
    ul.儿童(li);
    li.innerText=输入;
    var i=document.createElement(“i”);
    i、 添加('fas','fa times');
    i、 addEventListener(“单击”,删除);
    //i.className='fas-fa-times';
    李.儿童(i);;
    input.value=“”;
    });
    var remove=document.getElementsByClassName(“fas-fa-times”);
    对于(变量i=0;i
    
    添加
    
    • Zadzwonićdo
    • Odebraćdzieci z
    • Kupićna obiad
    • Umówićsięna…

    您不能将侦听器添加到
    节点列表
    。只能向实际元素添加一个元素。单击后,导航到父元素(以访问
    li
    ),然后使用
    .classList。删除
    。是,它可以工作,但仅在添加的元素上。它无法处理已添加的元素。您能再次提供帮助吗?对于现有元素,您可以按类名获取所有元素,并在循环中添加事件侦听器。看到我更新的帖子,我明白了,这对我来说是最重要的。我只是不明白“this”的功能。它代表什么?会有“李”吗?您能同时解释一下吗?这代表调用click事件处理程序的
    i
    ,通过使用它我们计算它的parentElement我们在单击每个
    i
    时调用removeLi,因此,当您调用此函数时,您不知道单击了哪个
    i
    ,因此
    this
    将单击的
    i
    表示为javascript对象,您可以对其应用
    parentElement
    ,并仅获取单击的
    i
    的父对象。有关更多信息,请参阅