如何在javaScript中應用多於一種CSS樣式？

我想將多個CSS樣式應用於按鈕（其標識爲name_button）。如何在javaScript中應用多於一種CSS樣式？

這是我的javaScript代碼。

var name_button = document.getElementById('name_button'); 
name_button.style.display = 'block'; 
name_button.style.margin-left = '125px'; 
name_button.style.padding-right = '0px';

但隨着最後兩行（name_button.style.margin-left = '125px';和name_button.style.padding-right = '0px';）我的代碼不能正常工作。

來源

2015-01-14 Nanga

您正在使用錯誤的樣式屬性。請參閱http://www.w3schools.com/jsref/dom_obj_style.asp。 –

您可以設置具有屬性的類，並且當您單擊將某個類添加到該按鈕時。 –

使用如下'name_button.style.marginLeft ='125px';' 'name_button.style.paddingRight ='0px';' – Sudda

在JavaScript與-所有的CSS值是駱駝套管。所以：

name_button.style.margin-left = '125px';

變爲：

name_button.style.marginLeft = '125px';

和

name_button.style.padding-right = '0px';

變爲：

name_button.style.paddingRight = '0px';

來源

2015-01-14 07:23:40

試試這個

name_button.style.marginLeft = "50px";

來源

2015-01-14 07:23:38

如何在javaScript中應用多於一種CSS樣式？

回答

相關問題