how can I set bottom in javascript

Question

I would like to know if this is correct to set the bottom css using javascript:

var productElement2 = document.getElementsByTagName("footer");
productElement2.style.bottom=="0"

I ask this because my script does not work :p. Thanks for the feedback :). If this is correct something else might be wrong but I just want to be sure.

WHAT DO I DO IF 2 ANSWERS ARE CORRECT ON A DIFFERENT PROBLEM???!!! AARRGGHH :p — cmplieger
– cmplieger, Commented Jul 9, 2011 at 0:50
Accept whoever gave the most complete answer. My answer, for example, only addressed one of your issues (and I was too lazy to edit to include solutions to the other ones.) — kinakuta
– kinakuta, Commented Jul 9, 2011 at 0:53
there are 2 problems and each post adresses one. there is none that is "more complete" (well now there is but not before :p). Difficult decision :p — cmplieger
– cmplieger, Commented Jul 9, 2011 at 0:56
Guffa's thoughtfulness in editing his answer should be rewarded in place of my laziness ;) — kinakuta
– kinakuta, Commented Jul 9, 2011 at 0:58
that's what i've done :). for others looking at the answers :). — cmplieger
– cmplieger, Commented Jul 9, 2011 at 1:06

Guffa · Accepted Answer · 2011-07-09 00:49:49Z

5

Use the = operator for assignment. The == operator is for comparison.

productElement2.style.bottom = "0";

Note: If the value is a non-zero value, it needs a unit. Example:

productElement2.style.bottom = "10px";

Also, as kinakuta pointed out, the getElementsByTagName returns an array of elements, so you have to get one elements from the array. If you only have one footer, just get the first element:

var productElement2 = document.getElementsByTagName("footer")[0];

edited Jul 9, 2011 at 0:49

answered Jul 9, 2011 at 0:43

Guffa

703k111 gold badges760 silver badges1k bronze badges

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

Comments

kinakuta · Accepted Answer · 2011-07-09 00:44:25Z

3

Be sure you select the specific footer in the returned array you want to style:

var productElement2 = document.getElementsByTagName("footer")[0];

answered Jul 9, 2011 at 0:44

kinakuta

9,0371 gold badge41 silver badges48 bronze badges

1 Comment

cmplieger Over a year ago

thank you for your awesome comment but it just wasn't complete enough for an "accept". :)

switz · Accepted Answer · 2011-07-09 00:43:57Z

2

Just use one equal sign. Two is for comparison.

productElement2.style.bottom = "0";

answered Jul 9, 2011 at 0:43

switz

25.3k27 gold badges79 silver badges106 bronze badges

Comments

jfriend00 · Accepted Answer · 2011-07-09 00:46:10Z

This is mostly a CSS question. The CSS style bottom: 0 will not work when position is "static" (the default in-layout position). You would have to specify something like this CSS (with position of absolute or fixed):

#footer {
    position: absolute;
    bottom: 0;
}

or this code:

var productElement2 = document.getElementById("footer");
productElement2.style.position = "absolute";
productElement2.style.bottom = "0";

Also, note the single equals sign to set a variable. You had a double equals sign which is a test of equality, not an assignment.

In addition, your getElementsByTagName returns an array, not a single item. If you wanted to get a single item with a CSS id, you would use getElementById as I've shown here. If you wanted to get the first item from the array returned by getElementsByTagName, then you'd have to reference the first item in the array rather than the entire array.

c-smile · Accepted Answer · 2011-07-09 00:48:33Z

0

footer should have position:fixed defined. Try this: http://jsfiddle.net/SSkqb/

answered Jul 9, 2011 at 0:48

c-smile

27.6k8 gold badges66 silver badges91 bronze badges

Collectives™ on Stack Overflow

how can I set bottom in javascript

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related