javascript - 在 HTML 文件中显示 Javascript 对象

Question

我想在我的 HTML 文件中以纯文本形式显示我的“用户电子邮件”。

现在，我的项目由三个不同的文件构成：

index.html - edit.html - my_parse_app.js

在 my_parse_app.js 中，我声明了我所有的 javascript / jquery 函数以帮助与 PARSE.com 和我的后端进行交互。在那里，我正在获取用户帐户信息（最重要的是电子邮件）。

我通过使用：

var email = currentUser.get("email");

我想在我的 HTML 文件中显示变量“email”。如果可能的话，最重要的 h1 仅用于练习。有谁知道如何使用两个单独的文件轻松做到这一点？我尝试了多种解决方案，但似乎都没有奏效。

score 3 · Accepted Answer

在您的 HTML 文件中，为h1将显示电子邮件地址的元素指定一个唯一的id. 然后，您可以innerHTML将该元素的属性设置为email变量的值。

HTML：

<h1 id="userEmail">Placeholder</h1>

JS：

var email = currentUser.get("email");
document.getElementById("userEmail").innerHTML = email;

在尝试通过它获取元素之前，您需要确保 DOM 已准备好id。

这是一个非常简单的例子：http: //jsfiddle.net/jk8yC/

1 回答 1