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

html-css016

如何使用JS来增加CSS样式的CLASS内容？,第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>

你说的是用jQuery里的addClass方法吧（抱歉js原生暂时没发现该方法），那就要先引入jQuery.js，然后再引入a.js,可以这样做:

1、在c.css里写好你的样式：.cssStyle {你的样式}

2、然后在a.js里加入$('span').addClass('cssStyle')即可。

如果你的意思不是这个，那我猜你应该是想说怎么直接在js里操作css样式吧，那就可以这样：

var spanEl = document.querySelectorAll('span')

然后根据你的要求写样式，比如你要修改背景颜色为红色：

spanEl .style.background = ‘red’

希望我的回答能帮助到你，谢谢！

例如改变背景色：

<div id="changeColor">使用JS改变背景色</div>

<script>

var cc = document.getElementById("changeColor")

cc.style.backgoundColor="#000" //将背景色改为黑色

cc.style.fontSize="20px" // 将文字大小改为20px，等号右边也可以写为20+"px"

cc.style.color="#fff" //将文字颜色改为白色

</script>

以此类推即可