如何在javaScript中应用超过1种CSS样式

How to apply more than 1 CSS styles in javaScript?

本文关键字：1种 CSS 样式 应用 javaScript      更新时间：2023-09-26

我想对按钮应用超过 1 个 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';）我的代码不起作用。

在 JavaScript 中，所有带有 - 的 css 值都是驼峰大小写的。 所以：

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

成为：

name_button.style.marginLeft = '125px';

和

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

成为：

name_button.style.paddingRight = '0px';

试试这个 

name_button.style.marginLeft = "50px";
相关文章：