可以't从javascript访问CSS的某些样式字段

Can't access CSS some style fields from javascript

本文关键字:CSS 字段 样式 访问 javascript 可以      更新时间:2023-09-26

我能做到这一点有原因吗:

document.getElementById('gridID').style.background='blue';

但当我尝试这个:

document.getElementById('gridID').style.background-color='blue';

抛出这个:

 Uncaught ReferenceError: Invalid left-hand side in assignment

我需要访问backgroundPosition和其他一些东西,但它们根本不起作用。当我打字时,它们不会出现在xcode的自动建议中,无论如何,当我尝试它们时,它们也不起作用。有什么想法吗?令我惊讶的是,我在谷歌上还没有发现类似的问题。

谢谢,切特。

Javascript标识符不能包含- s。

相反,使用camelCase:

document.getElementById('gridID').style.backgroundColor='blue';

try:

document.getElementById('gridID').style.backgroundColor='blue';

对于包含多个单词的样式(如background-color),JS使用camelCased名称而不是dash-separated名称,