使用 JavaScript 动态更改元素样式属性

javascript html css

2022-08-30 03:03:06

我有一个div的某个样式表。现在我想使用js动态修改div的一个属性。

我该怎么做？

document.getElementById("xyz").style.padding-top = "10px";

这是正确的吗？

答案 1

除了其他答案之外，如果要将短划线符号用于样式属性，还可以使用：

document.getElementById("xyz").style["padding-top"] = "10px";

答案 2

这几乎是正确的。

由于是 javascript 运算符，因此在属性名称中不能真正使用它。如果你正在设置，或者像那样的单字，你的代码会正常工作。-border

但是，对于和任何带连字符的属性名称，您需要记住的是，在 javascript 中，您可以删除连字符，并将下一个字母设为大写，因此在您的情况下，这将是 .padding-toppaddingTop

还有其他一些例外情况。例如，JavaScript有一些保留字，所以你不能这样设置。相反，在某些浏览器中，您需要使用，而在其他浏览器中则需要使用。对于这样的差异，建议您使用诸如jQuery之类的框架，该框架可以为您处理浏览器不兼容问题...floatcssFloatstyleFloat