如何将Javascript变量值显示到HTML文档

Question

如果我使用document.write（），它会清除整个html文档。 那我怎么能把这个javascript变量

var beforenoonprice = 6.75; 并通过这个div显示到html文档

 <div id="beforeNoonCPSlot"></div>

Answer 1

您使用DOM API：

document.getElementById("beforeNoonCPSlot").innerHTML = String(beforenoonprice);

DOM API规范列表 。

（在上面，我已经明确地将价格转换为字符串，但这只是为了强调;如果我没有，则会有隐式转换。）

请注意，您必须在创建元素后执行该行代码，否则我们无法使用document.getElementById找到它。 鉴于您已经说过使用document.writeln清除了整个文档，听起来您在整个文档已经渲染的位置运行代码，所以应该没问题。