如何在React.JS中通过className让元素消失?

我想在React中制作一个主题选择器。但是当我使用

document.getElementsByClassName[0].style.setProperty("display", "none");

以使该元素消失,它返回

TypeError: Cannot read property 'setProperty' of undefined.

有什么方法可以解决这个错误,或者有其他方法可以让元素消失?先谢谢你了。

解决方案:

当你试图获取一个带有 getElementsByClassName 你需要把类名作为一个参数传递,就像这样

document.getElementsByClassName('test')

那么,你可以试试。

document.getElementsByClassName('test')[0].style.setProperty("display", "none")

删掉一点

button.addEventListener("click", () => {
  document
    .getElementsByClassName("test")[0]
    .style.setProperty("display", "none");
});
<div class="test">element</div>
<button id="button">Hide it</button>

给TA打赏
共{{data.count}}人
人已打赏
未分类

在uml中覆盖方法

2022-9-8 16:52:37

未分类

更新时的情况(一行与多行连接)--执行计划问题

2022-9-8 16:52:39

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索