使元素在点击事件中可见

Question

我的场景中有一个柜台，请在此处使用以下代码：A-frame score counter with multiple objects

用户单击的对象不可见（他们正在尝试猜测场景中对象的位置）。我希望它们一旦被点击即可显示。

我不确定如何从evt.target获取项目ID进行更改（“ visible”，true）。有没有办法从evt.target获取ID，以便可以使用document.querySelector？还是有更好的方法来做到这一点？

Answer 1

您不必使用querySelector，evt.target已经具有对被单击元素的有效引用：

this.el.addEventListener("click", (e)=>{
   e.target.setAttribute("visible", "true")
})

小提琴here。

Answer 2

您还可以使用three.js更改可见性。只需使用（对象名是对象的名称） objname.visible = true.