如何通过 JavaScript 更改 h:outputText 值？答案

【问题标题】：How to change h:outputText value by JavaScript?如何通过 JavaScript 更改 h:outputText 值？
【发布时间】：2012-06-06 08:16:28
【问题描述】：

我已经用 2 个 inputText 进行了测试，它运行良好例如

var tdate = document.getElementById('txtDate');    //h:inputText
var tdt = document.getElementById('txtDateTime');  //h:inputText

tdate.onchange = function(){
  tdt.value = tdate.value;
};

如何更改“tdt”-h:outputText 的值？

var tdate = document.getElementById('txtDate');    //h:inputText
var tdt = document.getElementById('txtDateTime');  //h:outputText

【问题讨论】：

这个链接很有用stackoverflow.com/questions/5654269/jsf-dynamically-change-form
同理。它不适用于输出文本？
是的，不适用于输出文本

标签： javascript jsf

【解决方案1】：

查看生成的 HTML 源代码。在浏览器中右键单击页面并查看源代码。您将看到<h:outputText> 呈现了一个HTML <span> 元素，其值在其正文中。要在 JavaScript 中更改 <span> 的正文，您需要操作 innerHTML。

tdt.innerHTML = "new value";

【讨论】：