将 JavaScript 打印到 HTML 文档答案

【问题标题】：Printing JavaScript to HTML doc将 JavaScript 打印到 HTML 文档
【发布时间】：2014-11-02 06:19:14
【问题描述】：

JavaScript 作业分配请求“在文档窗口中显示结果”。我假设这意味着在 HTML 文档上打印出 JS 答案，而不是弹出窗口。

我可以让这段代码在控制台中工作，但完全不知道如何让它在 HTML 文档上打印。从我读过的内容来看，使用 document.write 是错误的形式，并且“return”似乎不起作用。有什么建议？

for (var i = 1; i <= 10; i++) {
  var mm = (i * 25.4);
  console.log (i + " inches = " + Math.round(100 * mm) / 100 + " millimeters"); 
}

另外，有没有办法让所有的数字都打印出第 10 位整数？请注意下面的结果，在“5 英寸”处，它只打印整数，我希望它打印 127.0 以保持数字一致。

3 inches = 76.2 millimeters
4 inches = 101.6 millimeters
5 inches = 127 millimeters

提前致谢。

【问题讨论】：

谁说document.write 格式不好？
@Leeish 我在这里找到了，在这 3 个链接上。 stackoverflow.com/questions/802854/…stackoverflow.com/questions/2559189/…javascript.about.com/library/blwrite.htm

标签： javascript html

【解决方案1】：

如果您不想使用document.write，您可以创建一个 HTML 元素，然后使用 Javascript 为其添加一个值。您也可以使用toFixed 来格式化数字。例如：

HTML

<div id="hello"></div>

Javascript

document.getElementById("hello").innerHTML = "";
for (var i = 1; i <= 10; i++) {
    var mm = (i * 25.4);
    document.getElementById("hello").innerHTML += i + " inches = " + (Math.round(100 * mm) / 100).toFixed(1) + " millimeters <br />";
}

【讨论】：