Javascript在特定时间更改文本阴影方向答案

【问题标题】：Javascript to change text shadow direction at a certain timeJavascript在特定时间更改文本阴影方向
【发布时间】：2019-05-26 15:31:44
【问题描述】：

我正在尝试使用 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') ？
我该怎么说呢？我正在尝试从我之前使用的内容中拼凑出来。
样式和脚本所指的 html 在哪里？
@joehigh1，您可能想直接使用document.body 而不是` document.getElementById('body'), unless you have an element with id="body" `？你打算改变整个文档的阴影吗？
嘿，不只是所有文本（但没有一个是在
引号之间）

标签： javascript css time shadow

【解决方案1】：

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

document.getElementById('body').text

需要澄清的示例 sn-p：

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>

【讨论】：

嗨，很抱歉，将这个问题放在问题中会有所帮助，我的文字不在
之间，但在

或如果这有帮助？
我正在努力将其集成到我正在开发的网站中，这里是页面，如果您查看完整代码以了解发生了什么。sarahboulton.co.uk/chapelbedroom.html
document.querySelectorAll('div[class*=deadsaints-]').forEach(function(ele) {ele.style.textShadow = "-12px 12px 8px #000000";});
嗨，这是否仍然需要单击按钮的功能（e）？它似乎没有在我使用的基于时间的 javascript 内工作？
你更改了班级名称。现在你需要使用： document.querySelectorAll('div[class*=basilswan]')....