[Resuelto] -Problemas al tratar de modificar un style desde javascript
@gpappaterra
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'
}};
@gpappaterra
@gpappaterra
const cambioTipo = ()=> {
if(inputTipo[0].checked === true){
// console.log('El producto es de tipo frio');
containerDespacho.style.display = 'grid'
} else {
// console.log('El producto es de tipo calido');
containerDespacho.style.display = 'none'
}
}; ```@gpappaterra
Espero que se entienda pq la verdad es que no me deja ni editar ni eliminar el post
@jopzik
Hola Gastón, ¿qué tal? 😀 Recuerda que tienes el botón de vista previa para saber cómo quedará tu código antes de mandar la publicación 👍🏽
@gpappaterra
Todo bn Juan, gracias. Ya lo sabia, pero cuando le pongo vista previa me aparecen todos los cuadros desbordados. Igual como critica constructiva estaria bueno tener la opcion de editar y eliminar un post.
Saludos
@gpappaterra
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
@gpappaterra
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'
} else { // console.log('El producto es de tipo calido'); containerDespacho.style.display = 'none' }};