ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptの操作クラスとスタイルコードの詳しい解説_javascriptスキル

JavaScriptの操作クラスとスタイルコードの詳しい解説_javascriptスキル

WBOY
WBOYオリジナル
2016-05-16 15:15:461201ブラウズ

早速、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");
//删除中的单个样式
div.style.cssText = div.style.cssText.replace(/red/,"blue");
//删除中的所有样式
//div.style.cssText = "";
}
</script>
</body>
</html>

上記の内容は、JavaScript の操作クラスとスタイル コードについて詳しく説明したものであり、皆様のお役に立てば幸いです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。