Cant delete a-entity

Howdy!

I’m tryng to delete an aframe entity but am having trouble doing so

Code looks like the following:

const headOccluder = document.querySelector('#head-occluder')
if (headOccluder && headOccluder.parentNode) {
  console.log('REMOVING HEAD OCCLUDER')
  headOccluder.parentNode.removeChild(headOccluder)
}

const faceMesh = document.querySelector('xrextras-face-mesh')
if (faceMesh && faceMesh.parentNode) {
  faceMesh.parentNode.removeChild(faceMesh)
}

entities defined in scene (under face anchor):

<xrextras-face-mesh xrextras-hider-material></xrextras-face-mesh>

<a-entity
  id="franky"
  gltf-model="#Frankenstein"
  position="0 1.4 1"
  scale="0.01 0.01 0.01"
  rotation="90 180 0"
  texture-swap>
</a-entity>

If you run this query selector in the Chrome devtools while your project is running do you get any results?

document.querySelector('#head-occluder')

Hey!

It turned out I had multiple items tagged #head-occluder.!

1 Like