Bagaimana untuk Mendapatkan Semua Gaya Sebaris dan Luaran Elemen HTML mengikut ID?

Mendapatkan Sifat Gaya Elemen HTML oleh ID Elemen

Anda ingin mencipta fungsi yang, apabila diberi ID elemen, mendapatkan semula semua gaya yang digunakan padanya, ditakrifkan secara sebaris dan luaran.

Berikut ialah penyelesaian komprehensif:

<code class="js">function getStyleById(id) {
    return getAllStyles(document.getElementById(id));
}

function getAllStyles(elem) {
    if (!elem) return []; // Element does not exist, return empty list.
    var win = document.defaultView || window, style, styleNode = [];
    if (win.getComputedStyle) { /* Modern browsers */
        style = win.getComputedStyle(elem, '');
        for (var i = 0; i < style.length; i++) {
            styleNode.push(style[i] + ':' + style.getPropertyValue(style[i]));
            // ^name        ^value
        }
    } else if (elem.currentStyle) { /* IE */
        style = elem.currentStyle;
        for (var name in style) {
            styleNode.push(name + ':' + style[name]);
        }
    } else { /* Ancient browsers..*/
        style = elem.style;
        for (var i = 0; i < style.length; i++) {
            styleNode.push(style[i] + ':' + style[style[i]]);
        }
    }
    return styleNode;
}</code>

Berikut ialah pecahan:

• Lelaran melalui objek gaya yang disediakan oleh getComputedStyle untuk mendapatkan semua sifat gaya dan nilainya.
• Untuk penyemak imbas yang menyokong CurrentStyle (IE), lelaran pada objek tersebut.
• Kendalikan gaya sebaris dengan mengulang terus ke atas sifat gaya elemen.
• Hasilnya ialah tatasusunan rentetan dalam format "propertyName:propertyValue".

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Semua Gaya Sebaris dan Luaran Elemen HTML mengikut ID?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!