Question accessing a h:outputText element from Javascript from JSF portlet

Question

I have a <h:outputText element that I'd like to update the value from javascript.
However the element is not found in the form. I can access all the other form elements,
just not <h:outputText elements. Does anyone know how to get around this?
The code is running in a JSF portlet on WLP 10.3.2, Code snippets below:
JSP
<f:view>
<h:form id="updaterForm">
<h:panelGroup layout="block" id="pg_geoWrapper">
<table id="t_geoFields">
<tr><td><h:outputText id="ot_geoStatus" value="Status:"/></td></tr>
</table>
</h:panelGroup>
</h:form>
</f:view>
When a button is clicked the javascript is called
JAVASCRIPT
function displayProperComponents(myForm) {
var statusLabelId = null;
for(i=0; i<myForm.elements.length; i++) {
if (myForm.elements.id.indexOf("ot_geoStatus")>=0){
statusLabelId = myForm.elements[i].id;
if (document.getElementById(statusLabelId) != null){
document.getElementById(statusLabelId).innerHTML = '';

Answer 1

There are more possibilities as well. If you depend it on for example the User's rights/groups, then you can also do for example:
rendered="#{user.admin}" // getter = public boolean isAdmin()
rendered="#{user.groupName == 'admin'}" // getter = public String getGroupName()
rendered="#{user.groupId > 1}" // getter = public int getGroupId()
rendered="#{fn:contains(user.groups, 'admin')}" // getter = public String[] getGroups() or public List<String> getGroups()
etc..I think it's after all just a matter of learning about the capabilities of EL a bit more.