Tengo una lista de elementos de una llamada querySelectorAll y quiero configurar todos los elementos que son etiquetas <g> para que tengan opacidad 0. Sin embargo, no estoy seguro de cómo funcionaría una declaración if como esta.
useEffect(() => { var elements = document.querySelectorAll(`[id^='tooth-${props.toothnumber}']`); var svg = document.querySelector('svg') console.log(svg) var elms = svg.querySelectorAll(`:not([id^='tooth-${props.toothnumber}'])`) for(var i = 0; i < elms.length; i++) { if (elems[i] is ag tag) { elms[i].style.opacity = 0 } } }, [props.toothnumber])Algún consejo
let gList = document.querySelectorAll('g'); for(var i = 0; i < gList.length; i++) { gList[i].style.opacity = 0; }¿No puedes simplemente agregar g al selector de consultas?
useEffect(() => { var svg = document.querySelector('svg') var elms = svg.querySelectorAll(`g:not([id^='tooth-${props.toothnumber}'])`) elms.forEach((element) => element.style.opacity = 0) }, [props.toothnumber])