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

Question

我正在尝试将示例XML文档保存在隐藏的div中，然后在我的网页上填充textarea，并准备好发布XML文档。但是只要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

问题是浏览器在隐藏的div中粘贴并解析并执行XML。您可以通过执行以下操作之一告诉浏览器不要执行此操作来防止这种情况发生：

• 将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));