title: Load local xml file and show in html5 page
body: <p>i need to load a local xml file(ie: c:\temp\sample.xml) into local html5 page and show the result variables.</p>
  
  <p>this is  sample.xml </p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;fe:Invoice&gt;
      &lt;cbc:ProfileID&gt;1.0&lt;/cbc:ProfileID&gt;
      &lt;cbc:ID&gt;FV341375&lt;/cbc:ID&gt;
      &lt;fe:AccountingCustomerParty&gt;
          &lt;cbc:AdditionalAccountID&gt;2&lt;/cbc:AdditionalAccountID&gt;
          &lt;fe:Party&gt;
              &lt;fe:Person&gt;
                  &lt;cbc:FirstName&gt;Andres&lt;/cbc:FirstName&gt;
              &lt;/fe:Person&gt;
          &lt;/fe:Party&gt;
      &lt;/fe:AccountingCustomerParty&gt;
      &lt;fe:InvoiceLine&gt;
          &lt;cbc:ID&gt;1102347224825331&lt;/cbc:ID&gt;
          &lt;cbc:InvoicedQuantity&gt;1&lt;/cbc:InvoicedQuantity&gt;
          &lt;fe:Item&gt;
              &lt;cbc:Description&gt;Item Description&lt;/cbc:Description&gt;
          &lt;/fe:Item&gt;
          &lt;fe:Price&gt;
              &lt;cbc:PriceAmount currencyID="COP"&gt;65000.00&lt;/cbc:PriceAmount&gt;
          &lt;/fe:Price&gt;
      &lt;/fe:InvoiceLine&gt;
  &lt;/fe:Invoice&gt;
  </code></pre>
  
  <p>i need to print the values for:</p>
  
  <ul>
  <li><p>fe:invoice-> cbc:ID</p></li>
  <li><p>fe:invoice-> fe:AccountingCustomerParty -> fe:Party -> fe:Person -> cbc:FirstName</p></li>
  <li><p>fe:invoice-> fe:InvoiceLine -> fe:Item -> cbc:Description</p></li>
  <li><p>fe:invoice-> fe:InvoiceLine -> fe:price -> cbc:PriceAmount</p></li>
  </ul>
  
  <p><strong>the result on my html5 page must be something like this:</strong></p>
  
  <p>Invioce Id: FV341375</p>
  
  <p>First name: Andres</p>
  
  <p>Description: Item Description</p>
  
  <p>Price:  65000.00</p>
  
  <p>How i can do this using javascript?</p>
  
  <p>thanks</p>