所以我试图制作一个 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
与 innerText
和 innerHTML
一样,这也是可行的方法。
简单的例子如下
document.getElementById('countdown').textContent = daysUntil.toString()
关于javascript - 在 html 页面中使用 javascript 变量的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40143283/