为了账号安全,请及时绑定邮箱和手机立即绑定

切换类Javascript未显示

切换类Javascript未显示

神不在的星期二 2022-07-15 09:24:01
我已经在 ul 中使用 javascript 创建了几个 Li 元素,现在我有一个按钮来更改它们也使用 JS 创建的类,我使用的是工具功能,当我控制台记录元素时,我可以看到它添加和删除了类名但元素没有改变装饰,我通过编辑其他元素验证了css文件是否正确链接,有没有人有同样的问题或知道如何解决它?<link rel="stylesheet" href="cssfunctions.css"></head><body>  <input type="text" id="size">  <button id="submit">Sumbit</button>  <ul id="output">  </ul>    <script src="ja.js"></script></body></html>.none{    text-decoration: line-through;    color:green;    background-color: aqua;}改变类的jsfunction checkItem(e){  let item = e.target.parentNode;item.classList.toggle(".none");console.log(e.target.parentNode)}希望你能澄清一下,因为我真的尝试了很多不同的东西,但都没有用,控制台日志给出了这个<li class=".none">//first click<li class="">//second click
查看完整描述

1 回答

?
白衣染霜花

TA贡献1796条经验 获得超10个赞

看起来你想切换 class none。classList.toggle() 方法直接接收 className,而不是选择器。所以从 更改.none为none。


function checkItem(e){

  let item = e.target.parentNode;

  item.classList.toggle("none");

  console.log(e.target.parentNode)

}


查看完整回答
反对 回复 2022-07-15
  • 1 回答
  • 0 关注
  • 104 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信