JavaScript操作class和style样式代码详解


Posted in Javascript onFebruary 13, 2016

废话不多说了,直接给大家贴js代码了,具体代码如下所示:

<!doctype html>
<html>
<head>
<meta charset="utf-">
<title>无标题文档</title>
<style>
.fontSize
{
font-size:px;
}
.fontWeight
{
font-weight:bold;
}
</style>
</head>
<body>
<div id="div" class="fontSize fontWeight" style="color:red">div实例文本</div>
<button onclick="changeStyle()">changeStyle()</button>
<script>
function changeStyle()
{
var div = document.getElementById("div");
//div.className = "fontSize";
//div.className += " fontWeight";
//删除单个class=""样式
//div.className = div.className.replace(/fontSize/,"");
//删除所有class=""样式
//div.removeAttribute("class");
//删除style=""中的单个样式
div.style.cssText = div.style.cssText.replace(/red/,"blue");
//删除style=""中的所有样式
//div.style.cssText = "";
}
</script>
</body>
</html>

以上内容是针对JavaScript操作class和style样式代码详解的全部内容,希望对大家有所帮助。

Javascript 相关文章推荐
Javascript 获取链接(url)参数的方法
Feb 15 Javascript
js简易namespace管理器 实例代码
Jun 21 Javascript
自定义百度分享的分享按钮
Mar 18 Javascript
jQuery插件Tooltipster实现漂亮的工具提示
Apr 12 Javascript
利用Query+bootstrap和js两种方式实现日期选择器
Jan 10 Javascript
Angular.JS中的this指向详解
May 17 Javascript
jQuery ajax动态生成table功能示例
Jun 14 jQuery
Javascript中toFixed计算错误(依赖银行家舍入法的缺陷)解决方法
Aug 22 Javascript
vue2.0 datepicker使用方法
Feb 04 Javascript
Electron 如何调用本地模块的方法
Feb 01 Javascript
JS数组扁平化、去重、排序操作实例详解
Feb 24 Javascript
javascript代码简写的几种常用方式汇总
Aug 23 Javascript
javascript实现查找数组中最大值方法汇总
Feb 13 #Javascript
JavaScript常用数组算法小结
Feb 13 #Javascript
Javascript 字符串模板的简单实现
Feb 13 #Javascript
javascript基础知识分享之类与函数化
Feb 13 #Javascript
JavaScript正则表达式的分组匹配详解
Feb 13 #Javascript
js HTML5 Ajax实现文件上传进度条功能
Feb 13 #Javascript
js随机生成26个大小写字母
Feb 12 #Javascript
You might like
用Socket发送电子邮件(利用需要验证的SMTP服务器)
2006/10/09 PHP
PHP的FTP学习(三)
2006/10/09 PHP
PHP 变量类型的强制转换
2009/10/23 PHP
Jquery实现自定义弹窗示例
2014/03/12 Javascript
JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
2014/08/16 Javascript
Bootstrap 3 进度条的实现
2017/02/22 Javascript
js仿拉勾网首页穿墙广告效果
2017/03/08 Javascript
Angular.Js之Scope作用域的学习教程
2017/04/27 Javascript
微信小程序 生命周期函数详解
2017/05/24 Javascript
vue-cli启动本地服务局域网不能访问的原因分析
2018/01/22 Javascript
浅谈JavaScript_DOM学习篇_图片切换小案例
2019/03/19 Javascript
ElementUI Tree 树形控件的使用并给节点添加图标
2020/02/27 Javascript
vue iview 隐藏Table组件里的某一列操作
2020/11/13 Javascript
[04:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster 选手采访
2021/03/11 DOTA
Python中用Spark模块的使用教程
2015/04/13 Python
Python3操作SQL Server数据库(实例讲解)
2017/10/21 Python
python获取酷狗音乐top500的下载地址 MP3格式
2018/04/17 Python
django.db.utils.ProgrammingError: (1146, u“Table‘’ doesn’t exist”)问题的解决
2018/07/13 Python
NLTK 3.2.4 环境搭建教程
2018/09/19 Python
python 3.6.7实现端口扫描器
2019/09/04 Python
Python3将ipa包中的文件按大小排序
2020/04/17 Python
Python selenium使用autoIT上传附件过程详解
2020/05/26 Python
Python使用tkinter实现摇骰子小游戏功能的代码
2020/07/02 Python
建筑专业毕业生推荐信
2013/11/21 职场文书
自主实习接收函
2014/01/13 职场文书
求职信怎么写范文
2014/05/26 职场文书
禁毒宣传标语
2014/06/19 职场文书
小学生田径运动会广播稿
2014/09/11 职场文书
专题组织生活会思想汇报
2014/10/01 职场文书
党的群众路线教育实践活动整改方案
2014/10/28 职场文书
2014幼儿园家长工作总结
2014/11/10 职场文书
财务人员个人工作总结
2015/02/27 职场文书
冬季作息时间调整通知
2015/04/24 职场文书
优秀共产党员事迹材料2016
2016/02/29 职场文书
一篇文章学会Vue中间件管道
2021/06/20 Vue.js
python中tkinter复选框使用操作
2021/11/11 Python