How to put outputText inside javascript?

Question

Hi guys,
My javascript code is like below initially:
                   var field = document.getElementById(theText).innerHTML;
                   if(field=='Add'){
                        document.getElementById(theText).innerHTML= 'Ignore';
                   if(field=='Ignore'){
                        document.getElementById(theText).innerHTML= 'Add';
                   }     and when I changed to
                   var field = document.getElementById(theText).innerHTML;
                   if(field=='Add'){
                        document.getElementById(theText).innerHTML= '<h:outputText styleClass="boldWord" id="oTxtIgnoreAddAddress" value="#{text['text.ignore']}"/>';
                   if(field=='Ignore'){
                        document.getElementById(theText).innerHTML= '<h:outputText styleClass="boldWord" id="oTxtIgnoreAddAddress" value="#{text['text.add']}"/>';
                   }     the script do nothing ! Please help, thanks ! need help desperately here !
regards,
Mark

Answer 1

i changed to:
                   var field = document.getElementById(theText).innerHTML;
                   if(field=='Add'){
                        document.getElementById(theText).innerHTML= '<h:outputText styleClass="boldWord" value="#{text['text.ignore']}"/>';
                   if(field=='Ignore'){
                        document.getElementById(theText).innerHTML= '<h:outputText styleClass="boldWord" value="#{text['text.add']}"/>';
                   }     still doesn't work. Initailyy when the page loaded, the word is 'ignore'. I clicked on it then become 'Add'. Click on it again still gave me 'Add' !
pls help ! Thanks !
regards,
Mark