本文目录一览：
- 1、救命，如何用js给div标签添加css属性，当鼠标事件发生的时候，譬如点击某个元素
- 2、怎么在js中给文本框添加CSS样式
- 3、javascript如何添加css类
- 4、如何使用JS来增加CSS样式的CLASS内容？
- 5、怎样用JS来添加CSS样式
救命，如何用js给div标签添加css属性，当鼠标事件发生的时候，譬如点击某个元素
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的script标签，输入js代码：$(‘div’).click(function () {$(this).css(‘color’, ‘blue’);});。
3、浏览器运行index.html页面，此时点击123所在的div，div会变为蓝色文本。
怎么在js中给文本框添加CSS样式
在页面内用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
javascript如何添加css类
JavaScript动态建立或增加CSS样式表，参考如下：
1、简单的方法：
document.createStyleSheet().cssText = ‘标签{color:red;’ +
// 这个注释只在当前JS中帮助理解，并不会写入CSS中
‘width:300px;height:150px}’ +
‘.类名{……}’ +
‘#ID们{……}’
2、比较完美的方法，防止重复添加，通过添加样式表ID并对其判断来实现：
if (!document.styleSheets[‘要建立的样式表ID如theforever’]) { //先检查要建立的样式表ID是否存在，防止重复添加
var ss = document.createStyleSheet();
ss.owningElement.id = ‘要建立的样式表ID如theforever’;
ss.cssText = ‘标签{display:inline-block;overflow:hidden;’ +
// 这个注释只在当前JS中帮助理解，并不会写入CSS中
‘text-align:left;width:300px;height:150px}’ +
‘.类名{……}’ +
‘#ID们{……}’
;
}
如何使用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
怎样用JS来添加CSS样式
例如改变背景色：
1234567div id=”changeColor”使用JS改变背景色/divscriptvar cc = document.getElementById(“changeColor”);cc.style.backgoundColor=”#000″; //将背景色改为黑色cc.style.fontSize=”20px”; // 将文字大小改为20px，等号右边也可以写为20+”px”cc.style.color=”#fff”; //将文字颜色改为白色/script
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/239952.html
微信扫一扫 
支付宝扫一扫 