Buenas, estoy tratando de aprender un poco de javascript para aplicarlo a mi sitio web, y tengo un código que no me funciona. Lo que quiero hacer es que para cuando la resolución del ancho de la pantalla sea menor que 1300 los divs cadmiddle y cadsense cojan el parámetro visibility: hidden de CSS. He elaborado el siguiente código pero cómo os podéis imaginar no funciona:
Código:
<script type="text/javascript">
if(screen.width <= 1300) {
alert(screen.width);
document.body.innerHTML += "<style type='text/css'>
.cadmiddle { visibility: hidden !important; }
.cadsense { visibility: hidden !important; }
</style>
";
}
</script>
¿Qué estoy haciendo mal?