[Resuelto] -Problemas al tratar de modificar un style desde javascript
Buenos días, les escribo para consultarles sobre un problema que estoy teniendo con javascript. Al tratar de modificar la propiedad display de un elemento HTML, el navegador me tira el siguiente error Uncaught TypeError: Cannot set property 'display' of undefined(…). Alguien sabe que puede estar sucediendo? a continuación les dejo el codigo
HTML
<div class="containerDespacho container"> <h2>Despacho</h2> <div class="subContainer"> <input type="radio" name="tipoDespacho" value="poliducto" checked> <label class="mainLabel" for="poliducto">Poliducto</label> </div> <div class="subContainer"> <input type="radio" name="tipoDespacho" value="terminal"> <label class="mainLabel" for="terminal">Terminal</label> </div> <div class="subContainer"> <input type="radio" name="tipoDespacho" value="cipolletti"> <label class="mainLabel" for="cipolletti">Cipolletti</label> </div> </div>
CSS
.containerDespacho{ display: none; }
Javascript const cambioTipo = ()=> { if(inputTipo0.checked === true){ containerDespacho.style.display = 'grid'
} else { containerDespacho.style.display = 'none' }
};
Listo muchachos..... ya lo solucione!!!!! 😄 se me prendio la lamparita 😅... El problema estaba que cuando me traia el elemento con containerDespacho = document.getElementsByClassName('containerDespacho')
, lo hacia como un array, por lo cual cuando le trataba de meter los estilos me olvidaba de poner el objeto con los corchetes. Espero que si alguien mas ha pasado por este tipo de problema le sirva este post
Saludos
Listo muchachos..... ya lo solucione!!!!! 😄 se me prendio la lamparita 😅... El problema estaba que cuando me traia el elemento con containerDespacho = document.getElementsByClassName('containerDespacho')
, lo hacia como un array, por lo cual cuando le trataba de meter los estilos me olvidaba de poner el objeto con los corchetes. Espero que si alguien mas ha pasado por este tipo de problema le sirva este post
Saludos
Recuerdainiciar sesiónpara participar en la comunidad.
Nose pq se publico todo así de feo pero el código Javascript seria el siguiente:
const cambioTipo = ()=> { if(inputTipo0.checked === true){ // console.log('El producto es de tipo frio'); containerDespacho.style.display = 'grid'
};