我有一个div的特定样式表。现在我想使用js动态修改div的一个属性。
我该怎么做?
document.getElementById("xyz").style.padding-top = "10px";
它是否正确?
几乎是正确的。
由于-是JavaScript操作符,因此您实际上不能在属性名称中使用它。如果您正在设置,border或者类似的单字,您的代码就可以正常工作。
-
border
但是,padding- top对于任何带连字符的属性名称,您都需要记住的是,在javascript中,您删除了连字符,并使下一个字母变为大写,因此应为paddingTop。
padding- top
paddingTop
还有其他一些例外。JavaScript有一些保留字,因此float,例如,您不能这样设置。相反,在某些浏览器中需要使用,cssFloat而在其他浏览器中则需要使用styleFloat。对于这样的差异,建议您使用诸如jQuery之类的框架,该框架可以为您处理浏览器的不兼容性。
float
cssFloat
styleFloat