如何在没有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">

    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: 

<p id="output"></p>

我希望这可以帮助:)