Odczyt informacji o stylu CSS bez inline z Javascript

Wiem, że coś mi tu brakuje, ale nie wydaje mi się, żeby to działało.

Przypisałem kolor tła do treści dokumentu html, używając znaczników stylu w sekcji nagłówka dokumentu, ale gdy próbuję go odczytać za pomocą JavaScript, nic nie otrzymuję:

<html>
<head>
<style>
body { background-color: #ff0; }
</style>
</head>
<body>
<a href="#" onclick='alert(document.body.style.backgroundColor)'>Click Here</a>
</body>
</html>

.. jeśli jednak przypiszę styl w linii, to działa:

<html>
<head></head>
<body style='background-color: #ff0;'>
<a href="#" onclick='alert(document.body.style.backgroundColor)'>Click Here</a>
</body>
</html>

Wiem, że brakuje mi czegoś podstawowego, ale mój umysł nie jest dzisiaj w strefie - czy ktoś może mi powiedzieć, dlaczego mój pierwszy scenariusz nie działa?

Dzięki

questionAnswers(4)

yourAnswerToTheQuestion