Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.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)中附加和删除字体图标_Javascript_Html_Css_Font Awesome - Fatal编程技术网

如何在单击事件(Javascript)中附加和删除字体图标

如何在单击事件(Javascript)中附加和删除字体图标,javascript,html,css,font-awesome,Javascript,Html,Css,Font Awesome,我正在尝试编写JavaScript代码,在点击某一天时,如果没有勾号,则在该天应用FA tick图标,如果有,则删除该勾号。我已经编写了附加图标的代码,但不知道如何删除它 这是我的 HTML和JS: const days=document.getElementsByClassName('day')) for(设i=0;i

我正在尝试编写JavaScript代码,在点击某一天时,如果没有勾号,则在该天应用FA tick图标,如果有,则删除该勾号。我已经编写了附加图标的代码,但不知道如何删除它

这是我的

HTML和JS:

const days=document.getElementsByClassName('day'))
for(设i=0;i
1
2.
3.
4.
5.
6.
7.
8.
9

10
您可以检查元素i是否已经存在,如果不存在,则创建元素并将类添加到元素中。如果存在,则拆下滤芯

您可以尝试以下方法:

const days=document.getElementsByClassName('day'))
for(设i=0;i

1.
2.
3.
4.
5.
6.
7.
8.
9

10
您可以尝试将id添加到图标中,并检查id以确定它是否存在

const days=document.getElementsByClassName('day'))
for(设i=0;i
据我所知,如果已添加标签,则需要删除标签
。为此,请检查当前类中是否存在标记
。day

if (!this.getElementsByTagName("i").length > 0) { ... }
如果该标记存在,则使用
removeChild()
方法将其删除:

this.removeChild(this.getElementsByTagName("i")[0]);
const days=document.getElementsByClassName(“day”);
for(设i=0;i0){
const tick=document.createElement(“i”);
勾选.classList=“fas fa检查方形fa-4x”;
这个。追加(勾选);
}否则{
this.removeChild(this.getElementsByTagName(“i”)[0]);
}
});
}
1
2.
3.
4.
5.
6.
7.
8.
9

10
看一看`,它将为您添加和删除类。好的,您知道我如何选择事件目标的嵌套图标吗?您能在相关位置更新您的代码以便我更好地了解您的要求吗?非常感谢much@RobinBell,非常欢迎:)谢谢你的回答!