Чтение информации о не встроенном стиле CSS из Javascript
Я знаю, что я должен что-то здесь упустить, но я не могу заставить это работать.
Я назначил цвет фона для тела html-документа, используя теги стиля в разделе заголовка документа, но когда я пытаюсь прочитать его с помощью JavaScript, я ничего не получаю:
<html>
<head>
<style>
body { background-color: #ff0; }
</style>
</head>
<body>
<a href="#" onclick='alert(document.body.style.backgroundColor)'>Click Here</a>
</body>
</html>
.. однако, если я назначу стиль inline, он работает:
<html>
<head></head>
<body style='background-color: #ff0;'>
<a href="#" onclick='alert(document.body.style.backgroundColor)'>Click Here</a>
</body>
</html>
Я знаю, что упускаю что-то простое, но мой ум сегодня не в зоне - может кто-нибудь сказать мне, почему мой первый сценарий не работает?
Спасибо