Javascript - modificar CSS en la etiqueta HTML?
La etiqueta HTML en esta página en la que estoy trabajando se encuentra en una clase que le está dando un toppadding de28px. Necesito que esto desaparezca temporalmente cuando se hace clic en un botón, pero no parece que pueda cambiar el estilo de la etiqueta HTML en sí.
Voy a necesitar usarposition: relative; ¿En la etiqueta del cuerpo o algo similar? ¿Existe realmente una manera de asignar CSS a la etiqueta HTML que no conozco?
@ Comentarios:
Lo siento, tengo un poco de prisa aquí. Es algo en el efecto de esto:
<html class='pad_my_top'>
<head>
<style type='text/css'>
.pad_my_top{
padding-top: 28px;
}
body{
background: #000000;
}
</style>
<script type='text/javascript'>
function its_gone(){
// Something here to remove padding.
alert("It's gone. Hurray!");
// Something to put it back.
}
</script>
</html>
<body>
<button onClick='its_gone()'>Click me to get rid of the top padding</button>
</body>
</html>
Realmente quiero que desaparezca para poder imprimir la página con Javascript, pero prefiero no usar ningún código de terceros porque es para un complemento para Wordpress y no quiero mil millones de dependencias. Solo necesito ocultar / volver a mostrar 3 divs y (re) cambiar 2 estilos.