如何在 HTML 上显示 javascript 值答案

【问题标题】：How to display javascript value on HTML如何在 HTML 上显示 javascript 值
【发布时间】：2012-09-18 03:54:54
【问题描述】：

在 JSF 中，我使用：rich:popupPanel 来显示一些由 Javascript 计算的信息。通常我经常使用 h:outputText 来显示值，但我不知道如何在 HTML 上显示 javascript 值。我可以用 h:outputText 显示它吗？谢谢

【问题讨论】：

标签： jsf-2

【解决方案1】：

忽略 JSF，只使用普通的 JavaScript/HTML DOM 方式。 JSF 对他们来说仅仅是一个 HTML 代码生成器。 JS 对 JSF 源代码一无所知，它只能访问其生成的 HTML 源代码（正如您在 web 浏览器中通过右键单击和 View Source 看到的那样）。

假设 JSF 生成了以下 HTML，例如<h:outputText id="foo"> 或者直接硬编码（你可以在 JSF 页面中编写纯 HTML，你知道吗？）：

<span id="foo"></span>

那么你可以使用JS如下，用一个JS变量填充它的节点值：

var foo = "some value";
document.getElementById("foo").innerHTML = foo;

这最终将在 HTML DOM 中动态显示如下，并在 UI 中直观地反映出来：

<span id="foo">some value</span>

【讨论】：