Get original (Case Sensitive) HTML with JS/jQuery

Question

Somewhere inside Original HTML text file:

<sPaN id="test"></sPaN>

In browser looks like this:

<span id="test"></span>

How can I get original html with cases preserved?

test['innerHTML'] //returns lower case.

Edit:

For those, curious why: I'm using Syntax Highlighter to demonstrate some XML on page. And XML is a case sensitive language - so its important that demoed XML has original case.
Syntax Highlighter outputs text using ['innerHTML'] property which returns tags in lowercase. so I need to patch the Syntax Highlighter.

Answer 1

If you read HTML/XML from an input element the case is maintained.

i.e. your HTML could look like:

<textarea id="my-xml">
   <Example>
      <Node>Text</Node>
   </Example>
</textarea>

Then in your javascript/jQuery:

var myxml = $('#myxml-xml').val(); //my will have case sensitive XML