如何在 HTML 中打印一个特定的 Javascript 变量？答案

【问题标题】：How to print one specific Javascript variable in HTML?如何在 HTML 中打印一个特定的 Javascript 变量？
【发布时间】：2013-11-11 15:35:46
【问题描述】：

我想问如何以 HTML 形式打印 Javascript 变量（例如在屏幕上输出）？

这是我的 JS 代码：

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

var howLongIsThis = myPlayer.duration(); 是 Jquery 变量！

那么我如何在 HTML 页面中显示这个值呢？

【问题讨论】：

打印到页面或控制台还是打印到哪里？
如何在 HTML 页面中显示这个值？
您可以创建一个新的文本节点，在选定的浏览器中使用innerHTML、innerText，在选定的环境中使用document.write，或者使用像jQuery 这样的库。任君挑选。
能否请您给我 JS vidle 整个 HTML 和 JS 脚本的样子？
注意：没有“Jquery 变量”之类的东西。这是一个“JavaScript 变量”。

标签： javascript html

【解决方案1】：

将其设置为 innerHTML 或 html 元素的值：

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

或者如果你想在表单域中：

displayEl.value = howLongIsThis;

【讨论】：

我的
必须在此脚本之前？带有脚本的整个 html 文件会是什么样子？提前致谢！
@user2979725 JavaScript 通常与在 HTML 文档中使用 PHP 或类似的方式不同。您通常有一个 HTML 页面，然后 JavaScript 会在之后运行并根据需要修改 HTML。因此，您将创建 div 元素，然后在文档末尾运行 JavaScript 以填充数据。
@user2979725 我假设你已经有一个 html 页面（myPlayer.duration() 来自哪里？）元素#duration 必须在body 中的somewhere .该脚本可以在body 中的某个点在 div 或head 中。

【解决方案2】：

假设您的 HTML 中某处有一个 <div id="example"></div>，您希望在 DOM 加载后运行 JavaScript，这会将您想要的值添加到该 div。在 jQuery（您在使用的问题中指定）中，这只是：

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

这是一个小提琴：http://jsfiddle.net/RyanJW/QjXKL/2/

【讨论】：

【解决方案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;

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

【讨论】：