Javascript - modificar CSS na tag HTML?
A tag HTML nesta página em que estou trabalhando está em uma classe que está dando um toppadding
do28px
. Eu preciso que isso desapareça temporariamente quando um botão é clicado, mas não parece que eu possa alterar o estilo da própria tag HTML.
Eu precisarei usarposition: relative;
na tag body ou algo semelhante? Existe realmente uma maneira de atribuir CSS à tag HTML que eu não conheço?
@ Comentários:
Desculpe, estou com pressa aqui. É algo para o efeito disso:
<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>
Eu realmente quero que ele vá embora para que eu possa imprimir a página com Javascript, mas eu prefiro não usar qualquer código de terceiros, porque isso é para um plugin para o Wordpress e eu não quero um bilhão de dependências. Eu só preciso esconder / re-exibir 3 divs e (re) mudar de 2 estilos.