如何在HTML中打印一個特定的Javascript變量？

Question

我想問一下如何以HTML格式打印Javascript變量（例如在屏幕上輸出）？

這是我的JS代碼：

<script type="text/javascript">
var howLongIsThis = myPlayer.duration();
</script>

這個var howLongIsThis = myPlayer.duration(); 是jQuery變量！

那么我如何在HTML頁面中顯示此值？

Answer 1

將其設置為innerHTML或html元素的值：

var howLongIsThis = myPlayer.duration();
var displayEl = document.getElementById("duration");
displayEl.innerHTML = howLongIsThis;

或者如果您想在表單字段中輸入：

displayEl.value = howLongIsThis;

Answer 2

假設您在HTML中的某個位置有一個<div id="example"></div> ，則您想在DOM加載后運行JavaScript，該JavaScript將您想要的值添加到該div 。 在jQuery（您在問題中使用的jQuery中指定）中，它就是：

$('div#example').html(myPlayer.duration());

這是一個小提琴： http : //jsfiddle.net/RyanJW/QjXKL/2/

Answer 3

嘗試這個，

您的HTML

<input type="text" id="logId" />
<div id="logId1"></div>

js腳本

var howLongIsThis = myPlayer.duration();
document.getElementById("logId").value=howLongIsThis;
document.getElementById("logId1").innerHTML=howLongIsThis;

希望這會給您一個解決問題的想法