HTML DOM matches()用法及代碼示例

matches()方法檢查將由提供的selectorString選擇的Element是否是選擇器。如果指定的元素是有效的選擇器，則它將返回true，否則返回false。

用法:

var boolean_result = element.matches("selector");

參數：在這裏，選擇器用作參數。

返回值：它返回布爾值，即(選擇器匹配，否則返回false)。

例：在此示例中，存在一個列表，其中某些元素的類選擇器為數字。因此，我們將列表存儲在變量中，並通過在列表上進行迭代，如果選擇器與數字類匹配，則相應地在文檔上打印。

HTML

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML DOM matches() Method 
    </title> 
</head> 
  
<body> 
    <h1>GeeksforGeeks</h1> 
  
    <ul id="abc"> 
        <li>A</li> 
        <li class="number">1</li> 
        <li>C</li> 
        <li class="number">2</li> 
    </ul> 
  
    <script> 
        var abc = document.getElementsByTagName('li'); 
        for (var i = 0; i < abc.length; i++) { 
            if (abc[i].matches('.number')) { 
                document.write(abc[i].textContent  
                    + ' is not an alphabet ,  '); 
            } 
        } 
    </script> 
</body> 
  
</html>

輸出：

注意：所有瀏覽器都支持它。

相關用法

注：本文由純淨天空篩選整理自taran910大神的英文原創作品 HTML DOM matches() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。