Question

js中如果想要一次对一个对象的多个css属性修改应该怎么做？

document.getElementById( "tt" ).style.backgroundColor="#FFCC8";
document.getElementById( "tt" ).style.color="#999" ;
document.getElementById( "tt" ).style.fontFamily="sans-serif";

就像上面的描述，每次都要写前面的document.getElementById( "tt" ).style太麻烦，有没有可以简便些的方法？？ps:也不想直接修改css.name。

Answer 1

你可以先将要修改的css属性都放在一个class中，在需要的时候直接让这个对象调用这个class属性就可以了。jquery的写法就蛮简单，如果有需要也可以用jquery的，例子：$("").css({'color':'#ccc','font-size':'12px'})

Answer 2

引用莫路草根的回答：
你可以先将要修改的css属性都放在一个class中，在需要的时候直接让这个对象调用这个class属性就可以了。jquery的写法就蛮简单，如果有需要也可以用jquery的，例子：$("").css({'color':'#ccc','font-size':'12px'})

其实他说的没错，只是用的是jquery。