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 相关文章推荐
js原型链原理看图说明
Jul 07 Javascript
文本框input聚焦失焦样式实现代码
Oct 12 Javascript
jquery移动点击的项目到列表最顶端的方法
Jun 24 Javascript
JS组件系列之MVVM组件构建自己的Vue组件
Apr 28 Javascript
详解如何使用webpack打包Vue工程
May 27 Javascript
详解webpack 多入口配置
Jun 16 Javascript
JS获取填报扩展单元格控件的值的解决办法
Jul 14 Javascript
详解vue2.0监听属性的使用心得及搭配计算属性的使用
Jul 18 Javascript
angularjs中判断ng-repeat是否迭代完的实例
Sep 12 Javascript
layui checkbox默认选中,获取选中值,清空所有选中项的例子
Sep 02 Javascript
Vue el-autocomplete远程搜索下拉框并实现自动填充功能(推荐)
Oct 25 Javascript
vue 使用v-for进行循环的实例代码详解
Feb 19 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
使用PHP模拟HTTP认证
2006/10/09 PHP
PHP和XSS跨站攻击的防范
2007/04/17 PHP
PHP Class&amp;Object -- 解析PHP实现二叉树
2013/06/25 PHP
Linux编译升级php的详细方法
2013/11/04 PHP
php 7新特性之类型申明详解
2017/06/06 PHP
JQuery AJAX实现目录浏览与编辑的代码
2008/10/21 Javascript
jQuery元素选择器用法实例
2014/12/23 Javascript
js对象的复制继承实例
2015/01/10 Javascript
jQuery+HTML5+CSS3制作支持响应式布局时间轴插件
2016/08/10 Javascript
Angular使用cli生成自定义文件、组件的方法
2018/09/04 Javascript
vue.js 打包时出现空白页和路径错误问题及解决方法
2019/06/26 Javascript
jquery使用echarts实现有向图可视化功能示例
2019/11/25 jQuery
vue动态设置路由权限的主要思路
2021/01/13 Vue.js
Vite和Vue CLI的优劣
2021/01/30 Vue.js
Python实现统计单词出现的个数
2015/05/28 Python
python模块之re正则表达式详解
2017/02/03 Python
深入理解Django的中间件middleware
2018/03/14 Python
python使用turtle库与random库绘制雪花
2018/06/22 Python
Django 实现外键去除自动添加的后缀‘_id’
2019/11/15 Python
tensorboard实现同时显示训练曲线和测试曲线
2020/01/21 Python
python中sympy库求常微分方程的用法
2020/04/28 Python
利用python绘制中国地图(含省界、河流等)
2020/09/21 Python
解决Pyinstaller打包软件失败的一个坑
2021/03/04 Python
SmartBuyGlasses美国官网:太阳眼镜和眼镜
2017/08/20 全球购物
如何唤起类中的一个方法
2013/11/29 面试题
财务经理的岗位职责
2013/12/17 职场文书
小学生演讲稿
2014/01/12 职场文书
小学生植树节活动总结
2014/07/04 职场文书
船舶工程技术专业求职信
2014/08/07 职场文书
单位租房协议书样本
2014/10/30 职场文书
十岁生日答谢词
2015/01/05 职场文书
集团财务总监岗位职责
2015/04/03 职场文书
法院答辩状格式
2015/05/22 职场文书
导游词之扬州大明寺
2019/10/09 职场文书
Python开发之QT解决无边框界面拖动卡屏问题(附带源码)
2021/05/27 Python
Python中glob库实现文件名的匹配
2021/06/18 Python