Bagaimana untuk Mendapatkan Semua Atribut Gaya Elemen mengikut ID dalam JavaScript?

Mendapatkan Semua Atribut Gaya melalui ID Elemen

Anda boleh mengambil semua atribut gaya yang digunakan pada elemen dengan memberikan IDnya menggunakan kaedah berikut:

Gelung Melalui CSSStyleDeclaration Object:

Lelaran melalui indeks objek CSSStyleDeclaration (getComputedStyle) untuk mendapatkan setiap nama sifat yang diketahui. Gunakan getPropertyValue dengan nama ini untuk mendapatkan semula nilai.

Memproses Gaya Sebaris:

Untuk gaya sebaris, gunakan kaedah gelung yang sama seperti jenis gaya lain.

Menyatukan Semuanya:

Ini kodnya:

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

function getAllStyles(elem) {
    if (!elem) return [];

    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]) );
        }
    } else if (elem.currentStyle) { /* IE */
        style = elem.currentStyle;
        for (var name in style) {
            styleNode.push( name + ':' + style[name] );
        }
    } else { /* Ancient browser..*/
        style = elem.style;
        for (var i=0; i<style.length; i++) {
            styleNode.push( style[i] + ':' + style[style[i]] );
        }
    }
    return styleNode;
}</code>

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