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

假设你<div id="example"></div>的 HTML 中有一个地方，你想在 DOM 加载后运行 JavaScript，这会添加你想要的值div。在 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;

希望这会给你一个想法来解决你的问题