Javascript - modyfikuj CSS w tagu HTML?

Znacznik HTML na tej stronie, nad którą pracuję, jest w klasie, która nadaje mu górępadding z28px. Potrzebuję tego, aby tymczasowo zniknąć po kliknięciu przycisku, ale nie wydaje mi się, że mogę zmienić styl samego tagu HTML.

Czy będę musiał użyćposition: relative; na tagu ciała lub podobnym? Czy naprawdę istnieje sposób przypisania CSS do tagu HTML, o którym nie wiem?

@ Komentarze:

Przepraszam, trochę się spieszę. Jest to efekt tego:

<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>

Naprawdę chcę, żeby to zniknęło, abym mógł wydrukować stronę za pomocą Javascript, ale wolałbym nie używać żadnego kodu zewnętrznego, ponieważ jest to dla wtyczki do Wordpress i nie chcę miliarda zależności. Muszę tylko ukryć / ponownie wyświetlić 3 div i (re) zmienić 2 style.

questionAnswers(2)

yourAnswerToTheQuestion