为什么JavaScript将我的div内容设置为小写？

Question

我想将一个示例XML文档保存在一个隐藏的div中，然后在我的网页上使用准备发布的XML文档填充一个textarea。但只要Javascript保存div内容，我的所有节点都是小写，这意味着它们无法在提交的页面上阅读。

当所有我做的是为什么的情况下发生变化：

$("#request").html(); 

https://jsfiddle.net/dwfx7cp2/

<RequestQuote xmlns="http://www.example.com/"> 

变成

<requestquote xmlns="http://www.example.com/"> 

Answer 1

$("#request").val(); 

。

alert("Why is this all lower case?!:\n\n" + $("#request input").val()); 

https://jsfiddle.net/dwfx7cp2/2/

Answer 2

的问题是，浏览器解析和执行XML一旦粘贴在隐藏的div内。您可以防止这种通过告诉浏览器发生不执行下列操作之一来执行它：

• 的XML粘贴到一个<textarea>
• 的XML粘贴到文本<input>
• 的XML粘贴到一个<pre>
• 使用这个片段中，从this answer

采取

xmlDoc = document.implementation.createDocument("", "", null); 
root = xmlDoc.createElement("description"); 
xmlDoc.appendChild(root); 
alert((new XMLSerializer()).serializeToString(xmlDoc));