Question

我正在尝试将javascript变量连接到html的段落标记中。不知道如何或是否有可能。请帮助，谢谢。

我尝试过${timePassed}和+'timePassed'

<body><p>Congratulations! You won! Would you like to restart?<div class="restart">
    <i class="fa fa-repeat"></i>
</div>Your time was + 'timePassed'</p></body>

这并不意味着变量timePassed会进入段落标记。

Answer 1

您将需要标记才能使用javascript：

<p id="time">Your time was: </p>
<script>
    document.getElementById("time").innerHTML += timePassed;
</script>

我给<p>提供了一个ID，以便可以轻松地在JavaScript中访问它。

document.getElementById函数根据其ID获得一个元素（HTML标记）。因此，我告诉它获取ID为"time"的元素，即<p>元素。

然后，我将JavaScript变量<p>附加到innerHTML（timePassed元素内的文本）上-这是+ =运算符。

Answer 2

<body>
  <p>
    Congratulations! You won! Would you like to restart?
    <span class="restart"><i class="fa fa-repeat"></i></span>
    Your time was <span id="time_passed_container"></span>
  </p>
</body>

在您的脚本中

<script>
  var timePassed = 11;
  document.getElementById("time_passed_container").innerText = timePassed;
</script>

Answer 3

在要显示时间的位置创建一个<span id="timeDisplay">。然后，使用document.getElementById("timeDisplay").innerHTML = timePassed;显示变量timePassed的值。

请参见this jsFiddle

如何在HTML标签中串联JavaScript变量

3 个答案: