Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Dapatkan Kandungan Peraturan CSS dalam JavaScript?

Bagaimanakah Saya Boleh Dapatkan Kandungan Peraturan CSS dalam JavaScript?

Susan Sarandon
Lepaskan: 2024-12-11 02:39:09
asal
307 orang telah melayarinya

How Can I Retrieve the Contents of CSS Rules in JavaScript?

Mendapatkan Kandungan Peraturan CSS

Mengetahui cara mengakses nilai peraturan CSS boleh menjadi berharga untuk penggayaan dinamik atau memanipulasi persembahan elemen anda.

Untuk mengembalikan rentetan yang mengandungi semua kandungan peraturan CSS dalam format gaya sebaris, anda boleh menggunakan pendekatan berikut:

function getStyle(className) {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">var cssText = "";
var classes = document.styleSheets[0].rules || document.styleSheets[0].cssRules;
for (var x = 0; x < classes.length; x++) {        
    if (classes[x].selectorText == className) {
        cssText += classes[x].cssText || classes[x].style.cssText;
    }         
}
return cssText;
Salin selepas log masuk

}

alert(getStyle('.test'));

Dalam kod ini:

  • getStyle ialah fungsi yang mengambil nama kelas CSS sebagai input dan mengembalikan rentetan yang mengandungi nilai peraturan untuk itu kelas.
  • kelas ialah tatasusunan semua peraturan CSS dalam helaian gaya pertama dalam dokumen.
  • Gelung berulang melalui peraturan, menyemak sama ada sifat selectorText (yang mengandungi pemilih yang dikaitkan dengan peraturan) sepadan dengan nama kelas yang diberikan.
  • Jika padanan ditemui, sifat cssText (yang mengandungi perwakilan sebaris bagi peraturan) dilampirkan pada pembolehubah cssText.
  • Akhir sekali, pembolehubah cssText dikembalikan dan dipaparkan dalam kotak amaran.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Dapatkan Kandungan Peraturan CSS dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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
Artikel terbaru oleh pengarang
Cadangan popular
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan