title: Issue adding new xml node
body: <p>I am not understanding why I am not able to create new xml node.</p>
  
  <p>The code is a try to create a new node and update the view.</p>
  
  <p>Even the textContent property I can't catch in my alerts.</p>
  
  <p>Anything wrong on the code? Another doubt. Why does not it work on IE?</p>
  
  <p>Full Code: <a href="http://jsfiddle.net/AdKfp/1/" rel="nofollow">http://jsfiddle.net/AdKfp/1/</a></p>
  
  <p>My XML:</p>
  
  <pre><code>&lt;?xml version='1.0'?&gt;
  &lt;form&gt;
      &lt;column id='1' name='Field1' value='Value 1' /&gt;
      &lt;column id='2' name='Field2' value='Value 2' /&gt;
      &lt;column id='3' name='Field3' value='Value 3' /&gt;
      &lt;column id='4' name='Field4' value='Value 4' /&gt;
      &lt;column id='5' name='Field5' value='Value 5' /&gt;
      &lt;column id='5' name='Field6' value='Value 6' /&gt;
    &lt;/form&gt;
  </code></pre>
  
  <p>My XSL:</p>
  
  <pre><code>&lt;?xml version="1.0"?&gt;
  &lt;xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"&gt;
    &lt;xsl:template match="/"&gt;
  
      &lt;html&gt;
        &lt;body&gt;
          &lt;h2&gt;Fund Infos&lt;/h2&gt;
          &lt;table border="1"&gt;
            &lt;tr&gt;
              &lt;th&gt;#&lt;/th&gt;
              &lt;th&gt;#&lt;/th&gt;
              &lt;th&gt;#&lt;/th&gt;
              &lt;th&gt;#&lt;/th&gt;
            &lt;/tr&gt;
  
            &lt;xsl:for-each select="form/column"&gt;
              &lt;tr&gt;
                &lt;td&gt;&lt;xsl:value-of select="@name"/&gt;&lt;/td&gt;
                &lt;td&gt;&lt;input value="{@value}" /&gt;&lt;/td&gt;
                &lt;td&gt;&lt;input type="button" value="Add" onclick="addNode();" /&gt;&lt;/td&gt;
                &lt;td&gt;&lt;input type="button" value="Remove" /&gt;&lt;/td&gt;
              &lt;/tr&gt;
            &lt;/xsl:for-each&gt;
  
          &lt;/table&gt;
        &lt;/body&gt;
      &lt;/html&gt;
  
    &lt;/xsl:template&gt;
  &lt;/xsl:stylesheet&gt;
  </code></pre>
  
  <p>Javascript snippet:</p>
  
  <pre><code>function addNode(){
  
    alert(xml.textContent);
  
    newel=xml.createElement("column");
    newel.setAttribute("Name", "New Field");
    newel.setAttribute("Value", "New Value");
  
    alert(newel.textContent);
  
    x=xml.getElementsByTagName("form")[0];
    x.appendChild(newel);
  
    alert(x.textContent);
  
    displayResult();
  
  }
  </code></pre>