javascript - 如何在 javascript DOM api 中获取具有给定条件的子节点？

Question

xml文件是这样的:

<products>
  <product>
   <id>1</id>
   <name>pen</name>
  </product>
  <product>
   <id>2</id>
   <name>pencil</name>
  </product>
</products>
<employees>
  <employee>
   <name>Jack</name>
  <employee>
  <employee>
   <name>Mark</name>
  <employee>
</employees>

我只能得到<name>吗？ <product> 的子节点？有没有很好的适配xpath javascript dom 中的 api？

Answer 1

在现代浏览器中，您可以使用 querySelector 遍历 xml 树。假设您的 xml 位于 div#xmlsample 中，那么此代码将为您提供 prodNames 中的 //product/name 的节点列表:

var xmlDoc = (new DOMParser())
              .parseFromString(document.querySelector('#xmlsample').innerHTML,
              "application/xml"),
    prodNames = xmlDoc.querySelectorAll('product name');

参见 this jsfiddle