Rumah > Artikel > hujung hadapan web > Penjelasan terperinci tentang kelas operasi JavaScript dan kemahiran code_javascript gaya

Penjelasan terperinci tentang kelas operasi JavaScript dan kemahiran code_javascript gaya

WBOYasal: 2016-05-16 15:15:461133semak imbas

Tanpa berlengah lagi, saya hanya akan menghantar kod js untuk anda Kod khusus adalah seperti berikut:

<!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>

Kandungan di atas ialah penjelasan terperinci tentang kelas operasi JavaScript dan kod gaya saya harap ia akan membantu semua orang.

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Menyedari kesan bar lajur menegak dinamik berdasarkan jquery_jqueryArtikel seterusnya：Menyedari kesan bar lajur menegak dinamik berdasarkan jquery_jquery

Artikel berkaitan

Lihat lagi