如何通过单击Aframe场景中的实体/ OBJ进行Div显示

Question

我的代码在这里有问题。我对Javascript还是很陌生，所以我可能犯了一个noobie错误。我要完成的工作是在示例中单击地球上的红色树，然后会弹出一个红色div框。我觉得我做对了所有事情，但是我在控制台中始终收到错误消息：“ Uncaught TypeError：无法读取null的'style'属性” 我用示例代码设置了一个Glitch。任何帮助将不胜感激。预先谢谢！

https://glitch.com/edit/#!/join/57349026-d43e-4466-87f0-b793c7a89c5f

Answer 1

要制作叠加项，请尝试使用position: fixed属性对其进行定位。由于无边框画布占据了整个屏幕，因此您应该将它们“固定”在画布上。

---

使用getElementById时不必使用#字符。

使用document.querySelector时，应使用

• .用于课程
• # for id's

---

此外，您的CSS选择器为#Africa-Tree，而div为#Africa-Tree-Div。