Javascript - CSS auf HTML-Tag ändern?

Question

Dec 10, 2012, 10:01 PM

Javascript - CSS auf HTML-Tag ändern?

Das HTML-Tag auf dieser Seite, an dem ich arbeite, gehört zu einer Klasse, die es in den Schatten stelltpadding von28px. Ich brauche dies, um vorübergehend zu verschwinden, wenn eine Schaltfläche angeklickt wird, aber es scheint nicht, dass ich das Design des HTML-Tags selbst ändern kann.

Muss ich verwendenposition: relative; auf dem body tag oder so ähnlich? Gibt es wirklich eine Möglichkeit, dem HTML-Tag, von dem ich nichts weiß, CSS zuzuweisen?

@ Bemerkungen:

Entschuldigung, ich bin hier ein bisschen in Eile. Dies hat folgende Auswirkungen:

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

Ich möchte wirklich, dass es weg ist, damit ich die Seite mit Javascript drucken kann, aber ich würde lieber keinen Code von Drittanbietern verwenden, da dies für ein Plugin für Wordpress ist und ich keine Milliarden Abhängigkeiten möchte. Ich muss nur 3 Divs verstecken / erneut anzeigen und 2 Styles (erneut) ändern.