javascript - 为什么日期没有出现在?

Question

这是我的 HTML 代码。

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="bootstrap_4.5.0\css\bootstrap.min.css">
<script src="bootstrap_stuff.js"></script>
<title>Home Page</title>

<!-- <style type="text/css">
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {

  background-color: #34495e;
  color: white;
  border: 1px solid white;

  }
</style> -->

<div class="container-fluid">

  <div class="row">
    <div class="col-md-9">
      <p id="demo" class="text-center">Date and Time</p>
    </div>
</html>

这是我的 .js 文件

var d = new Date();
document.getElementById("demo").innerText = d;

但我没有在段落中找到日期？（我也试过innerHTML）

标签： javascripthtmlbootstrap-4

Answer 1

尝试将其包装在DOMContentLoaded事件侦听器中：

document.addEventListener("DOMContentLoaded", function(){
    var d = new Date(); 
    document.getElementById("demo").innerText = d;
});

此脚本应仅在加载所有 HTML 元素后运行