Set bottom CSS property in JavaScript

Question

How do I set the bottom CSS attribute of a node in JavaScript?

As in:

.foo
{
    position: absolute;
    bottom: 100px;
}

Sir Crispalot · Accepted Answer · 2011-11-01 08:49:14Z

3

yourObject.style.bottom="auto|length|%|inherit"

Taken from JavaScript and DOM reference here.

answered Nov 1, 2011 at 8:49

Sir Crispalot

4,8742 gold badges42 silver badges66 bronze badges

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

Comments

Ariel · Accepted Answer · 2011-11-01 08:47:01Z

2

xxxxxx.style.bottom = "100px";

answered Nov 1, 2011 at 8:47

Ariel

26.8k5 gold badges62 silver badges71 bronze badges

Comments

rossipedia · Accepted Answer · 2011-11-01 08:47:44Z

2

Depends. In raw javascript, it will be a little different by browser. The easiest way to do that is to use something like jQuery, and then it's as easy as:

$('.foo').css('bottom', '100px');

answered Nov 1, 2011 at 8:47

rossipedia

59.8k10 gold badges95 silver badges94 bronze badges

1 Comment

tereško Over a year ago

-1 why exactly would you require a huge js library , just for doing something like this .. its stupid. And how exactly would it be differ by browser ?!

Riz · Accepted Answer · 2011-11-01 08:51:08Z

1

document.getElementsByClassName("foo").style.bottom = "100px";

jQuery recommended:

$('.foo').css('bottom', '100px');

answered Nov 1, 2011 at 8:51

Riz

10.3k8 gold badges43 silver badges54 bronze badges

Collectives™ on Stack Overflow

Set bottom CSS property in JavaScript

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related