如何用A-Frame隐藏元素？

Question

使用A-Frame隐藏元素的最佳方法是什么？

我是否需要从DOM中删除该元素？

Answer 1

var el = document.querySelector("#yourElementId");

el.setAttribute("visible",false);

Answer 2

隐藏元素的最简单方法是visible属性：

myElement.setAttribute("visible", false)

Answer 3

您也可以在a-frame标签上指定它，例如：

<a-image id="hand-overview-chart"
  src="#handOverviewImg" position="3 3 0"
  width="4" height="4" visible="false">
</a-image>

当然你还需要javascript来捕捉像“mouseenter”这样的事件来切换它：

document.querySelector('#myElParentId').addEventListener('mouseenter',myEventHandler); 

myEventHandler: function (evt) {
  let myEl = document.querySelector("#hand-overview-chart");
  myEl.setAttribute("visible","true");
}