将动态年份插入HTML内容

Ada*_*dam 3 javascript

我正在使用检测当前年份的javaScript,然后希望将其嵌入到HTML中.我有以下但似乎未定义.

这是我的代码......

HTML

<p>this year is <span id="year"></span></p>
Run Code Online (Sandbox Code Playgroud)

JavaScript的

var date = document.write(new Date().getFullYear());

document.getElementById("year").innerHTML = date;
Run Code Online (Sandbox Code Playgroud)

我可以在jQuery中执行此操作,但我尝试在vanailla javaScript中执行此操作,同时学习.

提前致谢.

Rok*_*jan 7

确保您的元素已被读取并准备好进行操作:还要修复您的JS:

<body>
  <p>this year is <span id="year"></span></p>

  <!-- JS before /body -->
  <script>
  document.getElementById("year").innerHTML = new Date().getFullYear();
  </script>
</body>
Run Code Online (Sandbox Code Playgroud)

请注意,如果我的电脑时钟关闭,我会看到错误的一年.
如果您使用PHP,它很简单:

<p>this year is <span id="year"><?php echo date("Y"); ?></span></p>
Run Code Online (Sandbox Code Playgroud)

简而言之:

<?= date("Y") ?>
Run Code Online (Sandbox Code Playgroud)