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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。