2014-08-27 37 views
-2

我需要使這個功能工作。它應該改變div fullhouse和其他兩個div上的顯示,並將類別更改爲從上到下的餘量。 該函數僅適用於不顯示任何內容。Javascript的更多功能onclick和ClassName

預先感謝您

function fullhouse() 
{ 
document.getElementById("fullhouse").style.display = "none"; 
document.getElementsByClassName("header-container").style.margin-top = "0px"; 
document.getElementsByClassName("top-icon-menu").style.margin-top = "0px"; 
} 
+0

'getElementsByClassName' does not return a single元素,但一個HTMLCollection - 你必須遍歷那裏的項目,併爲每個項目設置樣式。而'.style.margin-top'也是錯誤的 - 這將是一個數學運算,'.style.margin'減去'top' - 它需要是'.style.marginTop'。 – CBroe 2014-08-27 12:03:01

回答

0

使用marginTop,它不是邊距;

下面的代碼:

function fullhouse() 
{ 
    document.getElementById("fullhouse").style.display = "none"; 
    document.getElementsByClassName("header-container").style.marginTop = "0px"; 
    document.getElementsByClassName("top-icon-menu").style.marginTop = "0px"; 
} 
+0

謝謝你的回答,但它仍然不起作用。我的意思是displayng沒有作品,但其餘的都沒有。 – sidlo 2014-08-27 12:17:37

+0

你是如何調用這個函數的? – 2014-08-27 13:31:33

+0

基本的可以嗎? – sidlo 2014-08-27 17:54:14

0

在JavaScript中包含一個破折號任何CSS屬性變成了駝峯變量名:

document.getElementsByClassName("header-container").style.marginTop = "0px"; 
document.getElementsByClassName("top-icon-menu").style.marginTop = "0px"; 
0

錯誤的CSS屬性,正確的是marginTop

document.getElementsByClassName("top-icon-menu").style.marginTop = "0px";