在JavaScript中设置底部CSS属性

Question

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

As in:

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

Answer 1

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

从JavaScript和DOM取出的参考这里 。

Answer 2

xxxxxx.style.bottom = "100px";

Answer 3

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');

Answer 4

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

jQuery推荐：

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