如何在没有document.write的情况下在HTML页面中显示JavaScript变量

Question

我正在尝试在HTML页面上显示一些JavaScript变量。

我第一次使用document.write()它，但是当调用该函数时，它用于覆盖当前页面。

在四处搜寻之后，普遍的共识document.write()是不太喜欢。还有哪些其他选择？

我找到了一个建议使用的页面，.innerHTML但该页面写于2005年。

一个说明我的问题的jsFiddle http://jsfiddle.net/xHk5g/

Answer 1

您可以使用javascript访问页面上的元素并修改其内容。因此，例如，您可能有一个带有一些HTML标记的页面，如下所示：<div id="MyEdit">&nbsp; &nbsp; This text will change</div>您可以像这样使用javascript更改内容...document.getElementById("MyEdit").innerHTML = "My new text!";您还可以查看使用JQuery javascript库进行DOM操作，它具有一些出色的功能，可以使此类操作变得非常容易。例如，使用JQuery，您可以执行此操作以达到相同的结果...$("#MyEdit").html("My new text!");根据您在帖子中提供的示例。以下JQuery将为您工作：var x = "hello wolrd";$("p").html(x);P但是不建议使用这样的标签。理想情况下，您希望使用具有唯一ID的元素，以便可以确保使用JQuery选择正确的元素。

Answer 2

有不同的方法可以做到这一点。一种方法是编写检索命令的脚本。像这样：var name="kieran";document.write=(name);或者我们可以使用默认的JavaScript方法进行打印。var name="kieran";document.getElementById("output").innerHTML=name;and the html code would be:&nbsp;<p id="output"></p>我希望这可以帮助:)