如何使用部分屬性名稱選擇DOM元素？

Question

我想使用document.selectQueryAll()或element.selectQueryAll()使用其屬性的部分名稱來選擇頁面上的許多元素。

注意：不使用部分屬性值。

為什么？ （您可能知道直接使用命名空間的更好方法嗎？）

我想找到所有元素

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

等等

我想弄清楚什么是名稱空間前綴，對於我知道要查找的特定名稱空間，因此可以去搜索該特定名稱空間中的子元素。

我打算如上所述查找元素，找出名稱空間，然后去尋找我的子元素

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-屬性。

有一個相關的問題可能會對語法有所幫助。