


Wie rufe ich alle Stilattribute eines Elements anhand der ID in JavaScript ab?
Oct 30, 2024 pm 10:42 PMAlle Stilattribute nach Element-ID abrufen
Sie können alle auf ein Element angewendeten Stilattribute abrufen, indem Sie dessen ID mit der folgenden Methode angeben:
Durchlaufen des CSSStyleDeclaration-Objekts:
Durchlaufen Sie die Indizes des CSSStyleDeclaration-Objekts (getComputedStyle), um jeden bekannten Eigenschaftsnamen zu erhalten. Verwenden Sie getPropertyValue mit diesem Namen, um den Wert abzurufen.
Inline-Stile verarbeiten:
Verwenden Sie für Inline-Stile dieselbe Schleifenmethode wie für andere Stiltypen.
Alles zusammenfügen:
Hier ist der Code:
<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>
Das obige ist der detaillierte Inhalt vonWie rufe ich alle Stilattribute eines Elements anhand der ID in JavaScript ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Hinzufügen von Kastenschatten zu WordPress -Blöcken und -Elementen

Erstellen Sie ein JavaScript -Kontaktformular mit dem Smart Forms Framework

Erstellen Sie einen Inline -Texteditor mit dem inhaltlichen Attribut

Machen Sie Ihren ersten Seltsamen -Sufle -Übergang

Vergleich der 5 besten PHP -Formbauer (und 3 kostenlose Skripte)

Datei hochladen mit Multer in node.js und ausdrücken

Beste CSS -Animationen und Effekte auf Codecanyon 2025 (kostenlos bezahlt)
