Lesen von Nicht-Inline-CSS-Stilinformationen aus Javascript
Ich weiß, dass ich hier etwas vermissen muss, aber ich kann nicht scheinen, dies zum Laufen zu bringen.
Ich habe dem Hauptteil eines HTML-Dokuments eine Hintergrundfarbe zugewiesen, indem ich die Stil-Tags im Kopfbereich des Dokuments verwendet habe. Wenn ich jedoch versuche, es über JavaScript zu lesen, erhalte ich nichts:
<html>
<head>
<style>
body { background-color: #ff0; }
</style>
</head>
<body>
<a href="#" onclick='alert(document.body.style.backgroundColor)'>Click Here</a>
</body>
</html>
.. jedoch, wenn ich den Stil Inline zuweisen, funktioniert es:
<html>
<head></head>
<body style='background-color: #ff0;'>
<a href="#" onclick='alert(document.body.style.backgroundColor)'>Click Here</a>
</body>
</html>
Ich weiß, dass ich etwas Grundlegendes vermisse, aber mein Verstand ist heute nicht in der Zone - kann mir jemand sagen, warum mein erstes Szenario nicht funktioniert?
Vielen Dank