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

在页面内用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>

1、jquery：

$("#id").css("background","＃000")

$("//*这个是你的id，前面要用＃，如果class就是.(点)，和写css获取一样的*//").css("//*这个是css属性color，或者background，font-size等*//","//*这个是属性值*//")

2、js:

document.getElementById("id").style.color="#000"

document.getElementById("//*这个是你的id,不要＃，只能是id不能是class*//").style.//*css属性*//="//*属性值*//"

建议用jquery

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<script>标签，输入js代码：$('div').click(function () {$(this).css('color', 'blue')})。

3、浏览器运行index.html页面，此时点击123所在的div，div会变为蓝色文本。

---