如何在javaScript中应用多个CSS样式？

Question

我想在按钮上应用多个CSS样式（其ID为name_button）。

这是我的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';）我的代码无效。

Answer 1

在JavaScript中，-的所有css值都是驼峰式的。这样：

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

变为：

name_button.style.marginLeft = '125px';

和

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

变为：

name_button.style.paddingRight = '0px';

Answer 2

试试这个

name_button.style.marginLeft = "50px";