编程 Javascript

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样式代码详解的全部内容，希望对大家有所帮助。

- Author -

cag2050

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript 哈希表(hashtable)的简单实现

Jan 20 Javascript

基于jquery的给文章加入关键字链接

Oct 26 Javascript

javascript内存管理详细解析

Nov 11 Javascript

jquery uploadify 在FF下无效的解决办法

Sep 26 Javascript

JavaScript导出Excel实例详解

Nov 25 Javascript

jQuery中slice()方法用法实例

Jan 07 Javascript

原生JS实现仿淘宝网左侧商品分类菜单效果代码

Sep 10 Javascript

浏览器检测JS代码(兼容目前各大主流浏览器)

Feb 21 Javascript

解析JavaScript中的字符串类型与字符编码支持

Jun 24 Javascript

javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】

Dec 15 Javascript

angular 用Observable实现异步调用的方法

Dec 27 Javascript

聊聊鉴权那些事(推荐)

Aug 22 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