Leer información de estilo CSS no en línea desde Javascript
Sé que debo estar perdiendo algo aquí, pero parece que no puedo hacer que esto funcione.
He asignado un color de fondo al cuerpo de un documento html usando las etiquetas de estilo dentro de la sección principal del documento, pero cuando intento leerlo a través de JavaScript, no obtengo nada:
<html>
<head>
<style>
body { background-color: #ff0; }
</style>
</head>
<body>
<a href="#" onclick='alert(document.body.style.backgroundColor)'>Click Here</a>
</body>
</html>
.. Sin embargo, si asigno el estilo en línea, funciona:
<html>
<head></head>
<body style='background-color: #ff0;'>
<a href="#" onclick='alert(document.body.style.backgroundColor)'>Click Here</a>
</body>
</html>
Sé que me falta algo básico, pero mi mente no está en la zona hoy. ¿Puede alguien decirme por qué mi primer escenario no funciona?
Gracias