changing top padding in javascript

Question

Here's how I set my top padding in my css:

body {
    font-size: {{ font_size }}px;
    margin: 0;
    padding: 100px 0 20px 0;
    width:100% !important;
}

How do I change the top padding, which is 100px on the example above using the simplest javascript function without using jQuery?

Kristian · Accepted Answer · 2012-03-14 03:28:56Z

30

document.body.style.paddingTop = '10px'

answered Mar 14, 2012 at 3:28

Kristian

22k19 gold badges108 silver badges184 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

xonegirlz Over a year ago

I don't want to use jQuery I want javascript

xonegirlz Over a year ago

so is it document.getElementById("body").style.top = "20px";

wheredidthatnamecomefrom Over a year ago

Even without jQuery you can use document.body.

adedoy · Accepted Answer · 2012-03-14 03:34:11Z

0

JavaScript syntax: object.style.paddingTop="2cm"

see link: http://www.w3schools.com/cssref/pr_padding-top.asp

so it should be:

<!-- note that this chunk of code should be after the body tag to work -->
<script type="text/javascript">
    document.body.style.paddingTop = "100px";
</script>

answered Mar 14, 2012 at 3:34

adedoy

2,2731 gold badge20 silver badges28 bronze badges

Collectives™ on Stack Overflow

changing top padding in javascript

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related