在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，如果可能的话，只是为了练习。有谁知道如何使用两个单独的文件轻松地做到这一点？我尝试了多种解决方案，但似乎都没有。

Answer 1

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

HTML：

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

JS：

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

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

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