信鸽网

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

  作者：bea

废话不多说了，直接给大家贴js代码了，具体代码如下所示： <!doctype html><html><head><meta charset="utf-"><title>无标题文档</title><style>.fontSize{font-size:px;}.fontWeight{font-weight:bold;}</style></head><body>

废话不多说了，直接给大家贴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样式代码详解的全部内容，希望对大家有所帮助。




有用  |  无用

猜你喜欢

您可能感兴趣的文章: