如何在HTML标签中连接JavaScript变量
[英]How to concatenate JavaScript variable in HTML tag
问题描述
我正在尝试将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进入了段落标签。
3 个解决方案
解决方案1
0 2019-06-03 17:24:06
您将需要标记才能使用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变量timePassed附加到innerHTML（ <p>元素内的文本）上-这是+ =运算符。
解决方案2
0 2019-06-03 17:28:32
<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>
解决方案3
0 已采纳 2019-06-03 17:29:56
在要显示时间的位置创建一个<span id="timeDisplay"> 。 然后，使用document.getElementById("timeDisplay").innerHTML = timePassed; 显示变量timePassed的值。
将变量连接到 javaScript 中的 html 字符串
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.