Javascript h1标签内的函数？

我想在h1标签中插入我的函数，这样它会根据一天中的时间向用户发送问候语。这是我的时间函数，但我如何在h1中实现它

var today = new Date();
var curHr = today.getHours();
function greeting() {
if ( curHr < 12) {
    document.write('Good Morning');
} else if ( curHr < 18) {
    document.write('Good Afternoon');
} else if ( curHr < 20) {
    document.write('Good Evening')
} else {
    document.write('Good Night');
}
}

var today=新日期（）；
var curHr=today.getHours（）；
函数问候语（）{
if（curHr<12）{
文件。写（‘早上好’）；
}否则如果（curHr<18）{
文件。写（‘下午好’）；
}否则，如果（电流<20）{
文件。写（‘晚上好’）
}否则{
文件。写下（“晚安”）；
}
}

您为您的H1提供了一个ID

<h1 id="goeshere">Message</h1>

在所有条件下都这样做

你可以不将javascript放在H1中，也可以不使用

文档


var today=新日期（）；
var curHr=today.getHours（）；
函数问候语（）{
if（curHr<12）{
document.getElementById（'Goesher'）.textContent='Good Morning'；
}否则如果（curHr<18）{
document.getElementById（'Goesher'）.textContent='Good午安'；
}否则，如果（电流<20）{
document.getElementById（'Goesher'）.textContent='Good Night'；
}否则{
document.getElementById（'Goesher'）.textContent='Good Night'；
}
}
问候语（）
消息
您将一个脚本放在那里调用它

<h1><script>greeting()</script></h1>

问候语（）
您也可以用这种方式尝试

  var today = new Date();
  var curHr = today.getHours();
  function greeting() {
  if ( curHr < 12) {
  return 'Good Morning';
  } else if ( curHr < 18) {
  return  'Good Afternoon';
  } else if ( curHr < 20) {
  return  'Good Evening';
  } else {
  return 'Good Night';
  }
}
 var xyz= greeting()
 //alert(xyz)
 document.getElementById('yourElementId').textContent =xyz

var today=新日期（）；
var curHr=today.getHours（）；
函数问候语（）{
if（curHr<12）{
返回“早上好”；
}否则如果（curHr<18）{
返回“下午好”；
}否则，如果（电流<20）{
返回“晚上好”；
}否则{
返回“晚安”；
}
}
var xyz=问候语（）
//警报（xyz）
document.getElementById（'yourElementId'）。textContent=xyz

请看一看
我想您正在尝试编写一个函数，该函数用于更新标题标记

您应该在函数中获取日期（在全局中不需要）。函数应该返回所需的值（而不是
document.write
）。您应该根据需要使用该功能，例如：

function greeting() {
  var today = new Date();
  var curHr = today.getHours();
  if ( curHr < 12) {
    return 'Good Morning';
  } else if ( curHr < 18) {
    return 'Good Afternoon';
  } else if ( curHr < 20) {
    return 'Good Evening';
  } else {
    return 'Good Night';
  }
}

var h1 = document.getElementById('my-header');
// Check if such header actually exists
if (h1) {
  h1.innerHTML = greeting();
}

<h1 id="my-header">Default header</h1>
<!-- ... -->
<script>/* here */</script>

你想在h1标签内打印消息吗？只是
return
ing一些东西不会显示它。。。在最后2个
if/else
语句中，您甚至没有做任何事情
<h1 id="my-header">Default header</h1>
<!-- ... -->
<script>/* here */</script>