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!