javascript - 附加到 DOM 时 XML 属性变为小写

Question

在将 XML 附加到 DOM 时，是否有办法使 XML attribute 保持为 pascal case“LateProcessing”？下面的代码显示了属性 LateProcessing="true"，但是一旦 XML 附加到 DOM 中，它就会变成小写 lateprocessing="true"。

var jObj = {
  "Smart Shoes": {
    "Product": "Smart Shoes",
    "Price": 24.99,
    "Quantity": "1x "
  },
  "Denim Jeans": {
    "Product": "Denim Jeans",
    "Price": 30,
    "Quantity": "1x "
  }
}
var xmlString = '<xml id="POSCMD" LateProcessing="true"><commands><injectfieldmacro type="field" name="FIELD_CLEAR"/>';

for (var item in jObj) {
  if (jObj.hasOwnProperty(item)) {
    xmlString += '<injectdata type="literal" data="' + jObj[item].Price + '"/>'; // I don't know where you got UPC from
    xmlString += '<injectfieldmacro type="field" name="FIELD_UPC"/>'
  }
}

xmlString += '</commands></xml>';

$('body').append(xmlString);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

发生这种情况是因为您尝试将 XML 添加到 HTML DOM。 HTML 规范了元素名称的大小写，而 XML 则不然。目前尚不清楚你为什么要这样做，所以我不能建议你应该做什么，我只能说这不是一件好事。

通过字符串连接构造词法 XML，然后解析它也不是好的做法。特别是如果您不尝试对特殊字符应用转义，例如 &和<和"可能出现在变量字符串中。