javascript - 如何在javascript中有效解析xml

Question

我有一个很大的 xml 结构。我对某些 xml 结构感兴趣，如下所示。我只需要提取 img 标签和 src 属性的值(如果它们位于 Coral 卡内)。我试图使用正则表达式来获取带有正则表达式的珊瑚卡封闭标签，然后使用正则表达式和珊瑚卡标签来获取 img 标签和内容。

var regex = /<coral\-card ((.|[\r\n])*?)<\/coral\-card>/g;

在我获得包含如下珊瑚卡标签的指定 xml 内容后，有没有办法使用任何内容。我不想在此之后使用正则表达式，因为我认为应该可以使用 jquery 或 javascript 函数获取 img 标签和 src 属性值。

<coral-card variant="condensed" data-timeline="true" stacked>
    <coral-card-asset>
        <img src="/content/dam/collections/3/3qtVFsGwnDVKpZ6H_SaM/lightbox.folderthumbnail.jpg?width=240&height=240">
    </coral-card-asset>
 </coral-card>

<coral-card variant="semi-condensed" data-timeline="true" stacked>
    <coral-card-asset>
        <img src="/content/dam/collections/3/3qtVFsGwnDVKpZ6H_SaM/small.folderthumbnail.jpg?width=240&height=240">
    </coral-card-asset>
 </coral-card>

Answer 1

DOMParser 和 xpath 非常容易用于解析 xml。您可以执行以下操作:

const DOMParser = require('xmldom').DOMParser;
const xpath = require('xpath');

let parser = new DOMParser();
let doc = parser.parseFromString(<your xml>);
let document = doc.documentElement;
let coralCards = xpath.select('<path>/coral-card', document);

请参阅 xpath 文档，了解从 xml blob 中提取节点的所有方法。