javascript - 使用javascript获取xml文件的子节点值

Question

我有一个看起来像这样的 xml 文件：

<Factory>
<Limits>
  <Point X="92" Y="489"/>
  <Point X="570" Y="487"/>
  <Point X="570" Y="138"/>
  <Point X="92" Y="140"/>
  <Point X="92" Y="139"/>
</Limits>
<Cells>
  <Cell>
    <Point X="358" Y="138"/>
    <Point X="361" Y="487"/>
    <Point X="570" Y="487"/>
    <Point X="570" Y="138"/>
    <Point X="358" Y="138"/>
  </Cell>
  <Cell>
    <Point X="311" Y="139"/>
    <Point X="311" Y="488"/>
    <Point X="92" Y="489"/>
    <Point X="92" Y="140"/>
    <Point X="311" Y="139"/>
  </Cell>
</Cells>

我正在尝试使用 Javascript 获取“限制”中每个“点”的 X 和 Y 值（而不是“单元格”中的那些）。我看到了很多关于 getElementByTagName、childNodes 的例子……但我不知道如何获取我正在寻找的数据。我认为这样的事情会起作用：

var M = xmlDoc.getElementsByTagName("Limits")[0].childNodes;
for (i=0;i<M.length;i++){
  console.log(M[i].childNodes.item(0));
}

我尝试了一些不同的东西，但我总是以空值或错误结束。

有什么简单的方法可以做我需要的吗？

Answer 1

您需要获取属性。使用 javascript：

M[i].getAttribute("X");

使用 jQuery：

M[i].attr("X");

Answer 2

var M = xmlDoc.getElementsByTagName("Limits");
for (i = 0; i < M.length; i++){
   for(var j = 0; j < M[i].childNodes.length; j++){
      console.log(M[i].childNodes[j].getAttribute('X'));
      console.log(M[i].childNodes[j].getAttribute('Y'));
   }
}