2011-07-09 81 views
0

我想知道這是否是正確使用JavaScript來設置底部CSS:我怎麼可以設置底部的JavaScript

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

我問這個,因爲我的腳本不工作:P。 感謝您的反饋:)。如果這是正確的,其他的東西可能是錯的,但我只是想確定一下。

+0

如果2個答案對不同的問題是正確的,我該怎麼辦? AARRGGHH:p – cmplieger

+1

接受誰給出了最完整的答案。舉個例子,我的回答只解決了你的一個問題(我懶得去編輯解決其他問題的解決方案)。 – kinakuta

+0

有兩個問題,每個帖子都有一個問題。沒有任何「更完整」(現在有,但不是之前:p)。困難的決定:p – cmplieger

回答

2

使用=運算符進行賦值。 ==運營商用於比較。

productElement2.style.bottom = "0"; 

注意:如果該值是一個非零值,它需要一個單元。例如:

productElement2.style.bottom = "10px"; 

另外,作爲kinakuta指出的那樣,getElementsByTagName返回元件的陣列,所以你必須獲得從所述陣列的一個元件。如果您只有一個頁腳,只需獲取第一個元素:

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

只需使用一個等號。兩個是比較。

productElement2.style.bottom = "0";

3

務必選擇返回數組中所需的特定頁腳風格:

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

非常感謝您的評論,但對於「接受」而言,這還不夠完整。 :) – cmplieger

+0

哈哈,不用擔心 – kinakuta

0

這主要是一個CSS問題。當位置爲「靜態」(默認的佈局位置)時,CSS樣式bottom: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返回的數組中的第一項,那麼你必須引用數組中的第一項而不是整個數組。