Tengo un script js, que extrae el texto interno de una clase. A veces, esa clase no se representa en la página web, por lo que, en ese caso, el texto interno no está definido. Quiero mantener un control para esto para que se omita este error. Este es el código que escribí ->
function myfunc() { var button = document.getElementsByClassName('myclass'); if (button[0].innerText !== undefined) { console.log(button[0].innerText); clearInterval(x); } } var x = setInterval(function() { myfunc(); }, 1) Entonces, para los casos en que la clase no está allí en la página, recibí un error indefinido, por lo tanto, quiero verificar eso. Utilicé una condición if en el código comprobando si es !== undefined pero eso no funciona. ¿Alguien puede sugerir otros métodos? El error que estaba recibiendo ->
Uncaught TypeError: Cannot read property 'innerText' of undefinedEsto no funciona, porque document.getElementsByClassName('myclass') devuelve 0 botones, por lo que el button[0] ya no está definido.
Puede resolver este problema utilizando el encadenamiento opcional :
if(button[0]?.innerText !== undefined){ El valor en el lado izquierdo es automáticamente indefinido si hay algo antes del ? es indefinido.
Si el button[0] no existe/no está definido, JS ni siquiera intentará obtener la propiedad innerText .
Solo verifica la longitud:
if(button.length > 0) {Solo necesita verificar que existe el button[0] antes de probar el innerText en él. Lo limpié un poco, pero esto debería funcionar:
function checkForButton() { const button = document.querySelector('.myclass'); if (button && button.textContent) { console.log(button.textContent); clearInterval(x); } }