切换类Javascript未显示
我已经在 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;
}
改变类的js
function 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
神不在的星期二浏览 140回答 1
1回答
-
白衣染霜花
看起来你想切换 class none。classList.toggle() 方法直接接收 className，而不是选择器。所以从 更改.none为none。function checkItem(e){ let item = e.target.parentNode; item.classList.toggle("none"); console.log(e.target.parentNode)}
随时随地看视频慕课网APP
相关分类
JavaScript