从另一个 js 文件访问和操作自定义元素答案

【问题标题】：Accessing and manipulating a custom elements from another js file从另一个 js 文件访问和操作自定义元素
【发布时间】：2021-04-18 09:00:12
【问题描述】：

我有一个带有影子根封装的自定义元素，这些元素显示在网页的 div 中。我希望能够通过更改其中显示的自定义元素（CE）的一些属性来使相应的 div 响应，例如其中显示的文本和一些 CSS 属性。请注意，CE 的显示文本和其他一些基本 CSS 属性包含在其构造函数中。

响应性的主要目标是 CE 位于侧边栏（如导航栏）中，我试图通过单击按钮使侧边栏可折叠，因此包含在其中的自定义元素需要响应到那个。因此，当我单击按钮时，我希望能够操作包含在侧栏中的自定义元素（例如文本和 CSS）。

我能够在自定义元素的相应 JS 文件中操作文本和 CSS，但我实际上希望能够从外部执行相同操作，即来自另一个 JS 文件（我的主 JS 文件）。这可能吗？如果是的话，你能告诉我我该怎么做吗？另外请注意，我只使用香草 JS。

如果这是不可能的，那么我如何让自定义元素在它们各自的文件中响应这种情况？

提前致谢。

【问题讨论】：

【解决方案1】：

document.getElementById('element').addClass('hidden'); // 改变类 document.getElementById('element').removeClass('hidden');

document.getElementById('element').attr('hidden',false); // 改变属性

【讨论】：