Bagaimanakah Saya Boleh Dapatkan Perisytiharan Kelas CSS sebagai Rentetan?-tutorial js-php.cn

Bagaimanakah Saya Boleh Dapatkan Perisytiharan Kelas CSS sebagai Rentetan?

Susan Sarandon

Lepaskan： 2024-12-11 11:30:12

asal

815 orang telah melayarinya

How Can I Retrieve a CSS Class's Declaration as a String?

Cara Mengakses dan Membaca Nilai Peraturan CSS

Soalan:

Bagaimana saya boleh mendapatkan pengisytiharan CSS yang lengkap bagi kelas tertentu sebagai a rentetan?

Konteks:

Pertimbangkan HTML dan CSS berikut:

<html>
  <head>
    <style>
      .test {
        width: 80px;
        height: 50px;
        background-color: #808080;
      }
    </style>
  </head>
  <body>
    <div class="test"></div>
  </body>
</html>

Salin selepas log masuk

Memandangkan CSS ini, saya ingin mengembalikan rentetan yang dipaparkan perwakilan gaya sebaris kelas .test, tanpa mengakses gaya individu secara langsung sifat.

Jawapan:

Untuk mendapatkan pengisytiharan CSS lengkap kelas tertentu:

function getStyle(className) {
  var cssText = "";

  // Get all CSS rules
  var classes = document.styleSheets[0].rules || document.styleSheets[0].cssRules;

  // Iterate through rules
  for (var x = 0; x < classes.length; x++) {
    // If the class name matches the rule
    if (classes[x].selectorText == className) {
      // Capture the CSS declaration
      cssText += classes[x].cssText || classes[x].style.cssText;
    }
  }

  // Return the captured CSS declaration
  return cssText;
}

// Usage example:
var result = getStyle(".test");
console.log(result); // Output: "width: 80px; height: 50px; background-color: #808080;"

Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Dapatkan Perisytiharan Kelas CSS sebagai Rentetan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!