Javascript 如何删除<;李>;元素单击<;i>;java脚本中的元素?
我还在学习JS,在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”
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
的父对象。有关更多信息,请参阅