inline-style lassen sich ansprechen, <style> nicht

[Henry]

Hallo,

wenn ich CSS Angeben eines Elements abfragen möchte, zb. so:

<style>
.xy{background-color:red;}
</style>

<h2 class="xy">  
<button onclick="alert(document.querySelector('.xy').style.backgroundColor);">show test1</button>

dann kommt gar nichts, also alert() leer.

<h2 class="xy" style="background-color:orange;">

so aber schon. Warum?

Beispiel.

Nachtrag: Ich weiss natürlich, dass ich das umständlich mit getComputedStyle() auslesen könnte, das ist aber nicht die Frage.

Gruss
Henry