从 React 应用程序更新非 React Dom 元素的 CSS 属性答案

【问题标题】：Update CSS Attribute of Non-React Dom Element from React app从 React 应用程序更新非 React Dom 元素的 CSS 属性
【发布时间】：2020-08-18 01:47:08
【问题描述】：

我正在创建一个基于反应的应用程序，该应用程序将在 Wordpress 页面中运行。该应用程序大部分是独立的，但我希望能够在页面上显示/隐藏不属于反应应用程序的 div 元素。如果我用 jQuery 做这个，我可以这样做：

jQuery(".image_column").css("display","none");

但是由于我想在反应应用程序的某个点从函数调用它，所以我被绊倒了。这似乎是一件简单的事情，但我很难过。感谢您的帮助！

【问题讨论】：

标签： javascript jquery reactjs dom

【解决方案1】：

我认为这是你需要的：

document.querySelector(".image_column").style.display = "none"

【讨论】：

感谢您的评论。我只是自己来回答这个问题。 window.jQuery(".entry-content").css("display","none");傻，只需要加个“窗口”

【解决方案2】：

这对我来说很愚蠢。答案是添加“窗口”。一旦我这样做了，一切都奏效了。我会留下这个问题，以防其他人暂时无法看到简单的答案！

在我的例子中，使用 Wordpress，我需要引用 jQuery 而不是 $。所以它看起来像：

window.jQuery(".entry-content").css("display","none");

【讨论】：