javascript - Javascript在特定时间更改文本阴影方向

我正在尝试使用javascript在9点至10点之间更改文本阴影的方向。

尝试了许多更改，但不确定我要去哪里，这是我代码的基础。

<head>

<style>

 body {
    text-shadow: 12px 12px 8px #000000;
}

</style>

<script>

var currentTime = new Date().getHours();

if (21 <= currentTime && currentTime < 22)
{
document.getElementById('body').text.style.textShadow  = "-12px 12px 8px
#000000";
}

</script>

</head>

..还没有包含正文，但是我的文字在

和之内吗？

因此，通常情况下，文本阴影应位于右侧，而晚上9点至晚上10点之间应位于左侧？

谢谢！

最佳答案

根据评论，我认为这是错误的：

document.getElementById('body').text

一个示例片段来阐明：

document.addEventListener('DOMContentLoaded', function(e) {
  document.querySelector('button').addEventListener('click', function(e) {
      document.querySelectorAll('div, a').forEach(function(ele) {
         ele.style.textShadow  = "-12px 12px 8px #000000";
      });
  })

});

body {
    text-shadow: 12px 12px 8px #000000;
}

<div>
    this is a text iside a div......
</div>
<a href="">this is a text inside an anchor......</a>
<br/>
<br/>
<button type="button">Click Me</button>