A-frame：从场景实体调用的html对象

我试图从A帧场景中的实体控制一些DOM元素。在此之前曾提出过此问题：。Noa编写了一个组件，允许实体“调用”DOM元素并将其带到场景前面。 我以一种相当笨拙的方式添加了“hide”函数，还添加了场景中不同元素通过同一组件调用不同DOM元素的选项。我这次不明白。 是否有必要为每个操作编写不同的组件？ 我混音了Noa的小故障，以显示我正在尝试做什么：

---

多谢各位

我会使用一种不同类型的组件来实现这一点，该组件为您希望它影响的HTML使用一个选择器：

AFRAME.registerComponent("show-html", {
  schema: { type: "selector" },
  init: function () {
    const target = this.data;
    this.el.addEventListener("click", () => target.classList.add("show"));
  }
});

---

需要进一步细化。这个小故障不起作用

script.js

文件为空。在这个问题上更具体一些会有所帮助。有些东西不起作用了吗？您是否在寻求有关代码的风格建议？组织DOM管理的最佳方式？您好，谢谢您的回答。很抱歉，链接出现错误。我没有看到我项目名称下的大共享按钮。就是这样：我请求帮助使Noa的组件能够从不同的a-frame实体调用不同的DOM元素。我希望问题现在更清楚了。再次感谢你！

<a-image show-html="#el_1"></a-image>
<a-image show-html="#el_2"></a-image>