Bagaimanakah Saya Boleh Mengeluarkan Nilai Peraturan CSS dan Mengembalikannya sebagai Gaya Sebaris?

Mengekstrak Nilai Peraturan CSS

Untuk mengekstrak nilai peraturan CSS dan mengembalikannya dalam format gaya sebaris, pendekatan universal diperlukan. Ini melibatkan merentasi semua peraturan CSS dan mengenal pasti peraturan sasaran berdasarkan pemilihnya.

Pertimbangkan CSS berikut:

.test {
    width: 80px,
    height: 50px,
    background-color: #808080;
}

Coretan kod di bawah menunjukkan cara mengekstrak nilai untuk ". test" rule:

function getStyle(className) {
    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;
}

var rules = getStyle('.test');

CssText pembolehubah kini akan mengandungi rentetan dengan nilai CSS untuk Peraturan ".test", seolah-olah ia diisytiharkan dalam gaya sebaris. Pendekatan ini serba boleh dan boleh digunakan untuk mana-mana peraturan CSS, tanpa mengira kandungannya.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengeluarkan Nilai Peraturan CSS dan Mengembalikannya sebagai Gaya Sebaris?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!