Question

如何使用JS来增加CSS样式的CLASS内容？

<script language="javascript"> var nav=document.getElementById("nav1"); </script> 我想实现当ID为nav1（或其他）的时候 下面的LI可以有class="current"这样的样式 <li id="nav1" rel="home"> <a href="/" >首页</a> </li> <li id="nav2" rel=... li>// </nav2"script language="javascript".shtml" 我想实现当ID为nav1（或其他）的时候 下面的LI可以有class=">首页<games/skill"益智< <current"39_new_pic;nav1" <> var nav=document; <.getElementById("li>nav1"a href="home"); >< rel=" <>/li id=" >a>li id=" <这样的样式 <a href=""a>/script>/ rel="/ 展开 script language="javascript">;script> < document.getElementById("nav1"/).className='current'<

Answer 1

在页面内用JS操作CSS除非用AJAX，但操作页面内的样式的话，是可以的。操作样式分为改变直接样式，改变className和改变cssText三种
一、局部改变样式
调用方法：
改变className
<div
id="demo">测试</div>
<script>
document.getElementById('demo').className="test";
</script>
改变直接样式
<div
id="demo">测试</div>
<script>
document.getElementById('obj').style.backgroundColor="#003366";
</script>
二、全局改变样式
可以通过改变外链样式的的href的值实现网页样式的实时切换
<link
rel
=
"stylesheet"
type="text/css"
id="css"
href="firefox.css"
/>
<span
on
click="javascript:document.getElementById('css').href
=
'ie.css'">点我改变样式</span>