javascript - 在 html 页面中使用 javascript 变量的值

标签 javascript html

所以我试图制作一个 html 标题,它会自动更改标题倒计时样式上的数字。我有一个有效的 JavaScript 变量,它返回事件之前的天数。如何将变量“daysUntil”计算出的数字拉入html页面中名为倒计时的span id中?

我搜索了一个解决方案,并找到了一些有关 getElementById 的答案,但不确定如何实现它。我刚刚开始学习,所以如果这是一个非常基本的问题,请提前致谢!

<!DOCTYPE html>
<head>
  <title>Countdown</title>
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <script>
    var d1 = new Date(); //"now"
    var d2 = new Date("2016/11/28")  // some date
    var diff = Math.abs(d2-d1)/(1000*60*60*24);
    var daysUntil = Math.ceil(diff)
  </script>
</head>
<body>
<div class="nav" id="top">
  <ul>
    <li><a href="/">COUNTDOWN</a></li>
    <li><a href="portfolio.html">Portfolio</a></li>
    <li><a href="connect.html">Connect with Me</a></li>
  </ul>
</div>
<div class="clearfix" id="content">
  <div class="left">
    <h1>T Minus <span id="countdown"></span>days!</h1>
<!-- The rest of the code is omitted-->

最佳答案

https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent

innerTextinnerHTML 一样,这也是可行的方法。

简单的例子如下

document.getElementById('countdown').textContent = daysUntil.toString()

关于javascript - 在 html 页面中使用 javascript 变量的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40143283/

相关文章:

javascript - 我可以让 nodejs --debug 标志等待远程连接吗

javascript - 将 Angular Directive(指令)函数暴露给另一个模块

javascript - 如何在滚动时折叠导航

javascript - 使用javascript切换功能后,如何使导航链接在浏览器调整大小时重新出现/重置为默认值?

html - 如何使矩形的边框不同?

html - 在 HTML 中使用过时的标签是错误的吗?

javascript - 简单的 MEAN 堆栈问题

javascript - JavaScript 中的原型(prototype)/类/公共(public)属性

javascript - 选择文本,然后使用 Javascript 计算它与顶部的距离?

javascript - 仅控制多个电子邮件域的正则表达式