title: setting the id attribute of an input element dynamically in IE: alternative for setAttribute method
body: <p>I'm looking at dynamically setting the ID attribute of HTML Input elements which are created dynamically in my application.</p>
  
  <p>My implementation works fine with the setAttribute method in Firefox. Any ideas or solutions on a working implementation in IE would be appreciated.  </p>
  
  <pre><code> var hiddenInput = document.createElement("input");
      hiddenInput.setAttribute("id", "uniqueIdentifier");
      hiddenInput.setAttribute("type", "hidden");                     
      hiddenInput.setAttribute("value", ID);
      hiddenInput.setAttribute("class", "ListItem");
  </code></pre>
  
  <p>I modified some sample code from blogs relating to this problem that suggest the following workround. Again the Firefox bit works well but the IE bit doens't</p>
  
  <pre><code>var hiddenInput = null;
  
  try { 
  hiddenInput  = document.createElement('&lt;input name=\''+"hiddenInputName"+'\'   /&gt;');
                      hiddenInput.id = "uniqueIdentifier";
                      //alert(document.getElementById("uniqueIdentifier")); 
                     hiddenInput.type = "hidden";
                  } catch (e) { }            
                  if (!hiddenInput || !hiddenInput.name) { // Not in IE, then
                       var hiddenInput = document.createElement("input");
      hiddenInput.setAttribute("id", "uniqueIdentifier");
      hiddenInput.setAttribute("type", "hidden");                     
  
              }
  </code></pre>
  
  <p>Cheers.</p>