Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/sql/83.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 如何在CSS onClick事件中使用：after_Javascript_Html_Css - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何在CSS onClick事件中使用：after

Javascript 如何在CSS onClick事件中使用：after

javascript html css

Javascript 如何在CSS onClick事件中使用：after,javascript,html,css,Javascript,Html,Css,功能静音视频（evt）{ if（evt.target.classList.contains（'fa-video-camera'））{ evt.target.classList.remove（'fa-video-camera'） evt.target.classList.add（'fa-video-camera:after'）//需要在Fontawsom类上面加斜杠 }否则{ evt.target.classList.remove（'fa-video-camera:after'）//需要在Font

功能静音视频（evt）{
if（evt.target.classList.contains（'fa-video-camera'））{
evt.target.classList.remove（'fa-video-camera'）
evt.target.classList.add（'fa-video-camera:after'）//需要在Fontawsom类上面加斜杠
}否则{
evt.target.classList.remove（'fa-video-camera:after'）//需要在Fontawsom类上方加斜杠
evt.target.classList.add（'fa-video-camera'）
}
}
.fa摄像机：之后{
位置：绝对位置；
内容：“/”；
颜色：白色；
字号：900；
字体大小：20px；
左：10px；
顶部：7px；
}
您只需使用自定义类
。单击“停止”
即可在字体中添加斜杠图标。不需要添加其他图标来添加斜杠

要在单击时显示和隐藏，我们可以简单地使用函数，而不是执行大量的
if's
和
else
或
add
或
remove
类

运行下面的代码段

功能静音视频（evt）{
if（evt.classList.contains（'fa-video-camera'））{
evt.classList.toggle（'stop'）
}
}
。停止：之后{
位置：绝对位置；
内容：“/”；
颜色：白色；
字体大小：粗体；
字体大小：23px；
左：11px；
顶部：12px；
}
您无法访问
：在JS中这样的
之后，因为它不是DOM的一部分，所以无法访问。您好@AlwaysHelping，谢谢您的建议，您能告诉我如何实现这一点吗。@唯一的目标是什么？
：after
（或
：：after
）在CSS中指的是；它不是类名的一部分，与“单击后”无关。还要注意，尽管您说“上面的代码工作正常”，但单击“运行代码段”实际上会导致错误。请确保你有一个明确的答案，并清楚地解释你想要达到的目标。谢谢@alwayshelping，这救了我一天，我在过去的5个小时里一直在尝试这个。