javascript - 如何使用部分属性名称选择 DOM 元素？

Question

我想使用 document.selectQueryAll() 或 element.selectQueryAll() 使用其属性的部分名称来选择页面上的多个元素。

注意:不使用部分属性值。

为什么？ (您可能知道直接使用命名空间执行此操作的更好方法？？？)

我想找到所有元素

<div  xmlns:${prefix}='{a particular namespace value I know}' >

等等

我想弄清楚 namespace 前缀是什么，对于我正在寻找的特定 namespace ，这样我就可以在该特定 namespace 中搜索子元素。

我计划按照上述方式查找元素，找出 namespace ，然后查找我的子元素

querySelectAll( "[typeof='" + ${prefix} + ":" + "Offering" + "'" )

这样我就可以找到与此匹配的所有子元素

<div typeof="gr:Offering">

但我不会提前知道 XML 命名空间前缀将被定义为什么。

Answer 1

使用 XPath 根据名称进行查询，因为它是命名空间感知的。例如:

document.evaluate( '//@*[contains(local-name(), "data-")]', document, Function, XPathResult.ANY_TYPE, null )

将获取文档中的所有data-属性。

有一个related question这可能有助于语法。