How to change h: outputText value to JavaScript?

Question

I already tested with 2 inputText, it works well for example

var tdate = document.getElementById('txtDate'); //h:inputText var tdt = document.getElementById('txtDateTime'); //h:inputText tdate.onchange = function(){ tdt.value = tdate.value; }; 

How can I change the value of "tdt" to h: outputText?

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

Answer 1

Look into the generated HTML source. Rightclick in the browser and view the source. You will see that <h:outputText> displays an HTML <span> element with a value in its body. To change the <span> body in JavaScript, you need to manipulate innerHTML .

 tdt.innerHTML = "new value";