Question

我想知道使用javascript设置底部css是否正确：

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

我问这个是因为我的脚本不起作用：p。感谢您的反馈：）。如果这是正确的，其他可能是错的，但我只是想确定。

Answer 1

请确保在要设置样式的返回数组中选择特定页脚：

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

Answer 2

使用=运算符进行分配。 ==运算符用于比较。

productElement2.style.bottom = "0";

注意：如果值为非零值，则需要一个单位。例如：

productElement2.style.bottom = "10px";

此外，正如kinakuta指出的那样，getElementsByTagName返回一个元素数组，因此你必须从数组中获取一个元素。如果您只有一个页脚，只需获取第一个元素：

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

Answer 3

只需使用一个等号即可。两个用于比较。

productElement2.style.bottom = "0";

Answer 4

这主要是一个CSS问题。 CSS样式底部：当位置为“静态”（默认的布局内位置）时，0将不起作用。你必须指定像这个CSS（绝对或固定位置）的东西：

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

或此代码：

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

另外，请注意设置变量的单个等号。你有一个双等号，这是对平等的考验，而不是作业。

此外，您的getElementsByTagName会返回一个数组，而不是单个项目。如果你想获得一个带有CSS id的单个项目，你可以使用我在这里显示的getElementById。如果你想从getElementsByTagName返回的数组中获取第一项，那么你必须引用数组中的第一项而不是整个数组。

Answer 5

页脚应该定义position:fixed。试试这个： http://jsfiddle.net/SSkqb/

我怎样才能在javascript中设置底部

5 个答案: