innerHTML not working
<p>I'm using document.nodeName.innerHTML to change the content of a particular node. It is not working in my case. Can someone please let me know where I've went wrong.Thanks in advance. Please find the below code. On click of a link, I need to change the text of that link.</p>

<pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt;
&lt;html&gt;&lt;head&gt;
&lt;meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"&gt;
  &lt;title&gt; New Document &lt;/title&gt;
 &lt;/head&gt;
 &lt;body&gt;
    &lt;script type="text/javascript"&gt;
     var currentDOMId="";
     var currentPrefKey="";
      function SimpleJSPortlet(id, window) {
       this.id = id;
       this.window = window;
       this.nodeId="";
       this.prefKey="";
       }
    function handleLoadPortletPreferences (portletWindow, status, portletPrefs) { 
     alert("CURRENT DOM ID"+currentDOMId);
     alert(document.getElementById('Aircraft').innnerHTML);
     document.getElementById('Aircraft').innnerHTML="Remove from Favorite";
    }
       SimpleJSPortlet.prototype.addListItem = function (key,value,nodeId) {
       currentDOMId=nodeId;
       currentPrefKey=key;
       handleLoadPortletPreferences();
       }
    &lt;/script&gt;
    &lt;style type="text/css"&gt;
     #productPreferncesDetails dt{
      color:#000000;
     }
    &lt;/style&gt;
    &lt;div id="productsPreferences" style="left: 0pt; width: 100%;"&gt;
     &lt;table border="1" cellpadding="0" cellspacing="0" height="100" width="100%"&gt;
      &lt;tbody&gt;
       &lt;tr valign="top"&gt;
        &lt;td style="padding-left: 15px;"&gt;
         &lt;b&gt;Aviation Insurance&lt;/b&gt;
         Aircraft
         &lt;a id="Aircraft" href="javascript:void(0);" onclick="simpleJSPortlet7_21602B8280FH00I41OSVRO10G3.addListItem('Aircraft','javascript:void(0);','Aircraft');"&gt;Add to Favorites&lt;/a&gt;
        &lt;/td&gt;
       &lt;/tr&gt;
      &lt;/tbody&gt;
     &lt;/table&gt;
    &lt;/div&gt;
    &lt;div id="show7_21602B8280FH00I41OSVRO10G3"&gt;
     &lt;!-- Show dynamic HTML here --&gt;
    &lt;/div&gt;
    &lt;div id="programmatic"&gt;
    &lt;/div&gt;
    &lt;script type="text/javascript"&gt;
       var portletWindow7_21602B8280FH00I41OSVRO10G3= "";
       var simpleJSPortlet7_21602B8280FH00I41OSVRO10G3= new SimpleJSPortlet("7_21602B8280FH00I41OSVRO10G3", portletWindow7_21602B8280FH00I41OSVRO10G3);
 &lt;/script&gt;
 &lt;/body&gt;
 &lt;/html&gt;
</code></pre>
