如何在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.