日期:2014-05-16  浏览次数:20356 次

问一个css的问题
如何将某个元素的className设定为指定实例的css定义的类名?

<style   id= "styleSheet1 ">
.style1   {
  ...
}
</style>
<style   id= "styleSheet2 ">
.style1   {
  ...   (与上不同)
}
</style>
...
<div   className=?     <--此处该如何写,或用其他什么方式来达到一样的目的?
...

------解决方案--------------------
方法就几个
1.id
2.class
3.上下文
4.伪类/伪对象
------解决方案--------------------
一个页面里写一样的样式不行吧,后面的样式会代替前面的。
把样式放在两个不同的文件里。
js这样写
if(....)
{
document.write( " <link href=style1.css type=text/css> ");
}
else
{
document.write( " <link href=style2.css type=text/css> ");
}
------解决方案--------------------
在HTML中直接用 <div class= "XXX "> 就可以
在JAVASCRIPT中用obj.className

当然你也可以在定义CSS时使用 #ID的方式,这样只要改对象的ID就实现了CSS切换
------解决方案--------------------
up
------解决方案--------------------
<style>
.style1 {
...
}
.style2 {
...
}
</style>
<div className=(style1或style2)

只能这样了,这样有什么不好,偏偏要想一些行不通方法~~~
------解决方案--------------------
那就用毛毛虫的方法啊,不用下面的元素去找样式,而是样式通过ID去找元素就可以了,而且你还可以把那个判断加在服务器端去。