h1标签内的功能？

Question

我想在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');
}
}

Answer 1

你给你的H1一个ID

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

然后用{/ p>之类的内容替换document.write

document.getElementById('goeshere').textContent = 'Good Morning'.

并为所有条件做到这一点。

您不将javascript置于H1中，并且不使用document.write！

＆＃13;

＆＃13;

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

greeting()

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

我认为您正在尝试编写一个支持更新标头标记的函数。

你应该在函数中获取日期（不需要全局变量）。该函数应返回所需的值（而不是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标记之后的某处执行（标记在我们访问时应该可用），例如：

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

Answer 3

你放了一个调用它的脚本。

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

Answer 4

你也可以尝试这样的方式

  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

查看here is working example.