一尘不染

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

javascript

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

我该怎么做?

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

它是否正确?


阅读 249

收藏
2020-05-01

共1个答案

一尘不染

几乎是正确的。

由于-是JavaScript操作符,因此您实际上不能在属性名称中使用它。如果您正在设置,border或者类似的单字,您的代码就可以正常工作。

但是,padding- top对于任何带连字符的属性名称,您都需要记住的是,在javascript中,您删除了连字符,并使下一个字母变为大写,因此应为paddingTop

还有其他一些例外。JavaScript有一些保留字,因此float,例如,您不能这样设置。相反,在某些浏览器中需要使用,cssFloat而在其他浏览器中则需要使用styleFloat。对于这样的差异,建议您使用诸如jQuery之类的框架,该框架可以为您处理浏览器的不兼容性。

2020-05-01