JavaScript 的「querySelector()」和「querySelectorAll()」中是否有用於元素名稱匹配的通配符方法？

通配符元素名稱與JavaScript 中的“querySelector()”和“querySelectorAll()”匹配

問題：

問題：

問題：

• 問題：

  >查詢名稱中嵌入特定字串的元素的XML 文件可能具有挑戰性。雖然 CSS 支援屬性查詢的通配符，但元素名稱似乎缺少相同的功能。

  解決方案：
  • 不幸的是，沒有直接的方法來匹配通配符元素使用“querySelector()”或“querySelectorAll()”命名。但是，還有其他替代方法：
  屬性匹配：
CSS 為屬性值提供通配符。若要符合名稱中包含特定字串的元素，請使用下列語法在其任何屬性中尋找該字串是否存在：
• [attribute^='value'] 符合屬性開頭的元素包含'value'。

[attribute$='value'] 符合屬性以 'value' 結尾的元素。

[attribute*='value'] 匹配屬性包含'value' 的元素'.

<code class="javascript">const elementsWithName = document.querySelectorAll('[name*="name"]');</code>

名稱屬性：

如果您有興趣匹配'name' 屬性，只需將上述表達式中的'id' 替換為'name' 即可。

範例：

要找出「name」屬性中包含字串「name」的所有元素，您可以使用： 注意：如果您正在尋找元素標籤名稱本身的通配符匹配，目前沒有使用“querySelector()”或“querySelectorAll()”的直接解決方案。

以上是JavaScript 的「querySelector()」和「querySelectorAll()」中是否有用於元素名稱匹配的通配符方法？的詳細內容。更多資訊請關注PHP中文網其他相關文章！