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

Penjelasan terperinci tentang kelas operasi JavaScript dan kemahiran code_javascript gaya

WBOY
Lepaskan: 2016-05-16 15:15:46
asal
1186 orang telah melayarinya

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>
Salin selepas log masuk

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan