HTML DOM isSameNode() Method

HTML DOM matches() Method

Last Updated : 20 Jun, 2023

The matches() method checks if the Element that would be selected by the provided selectorString is the selector. If the specified element is the valid selector then it will return true, else false.

Syntax:

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

Parameters: Here, the selector is used as a parameter.

Return value: It returns Boolean value i.e. (True when the selector matches else false).

Example: In this example, there is a list in which there are some elements that have class selectors as numbers. So, we stored the list in a variable and by iterating on the list, if the selector matches the number class, then printed on the document correspondingly.

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>
        let abc = document.getElementsByTagName('li');
        for (let i = 0; i < abc.length; i++) {
            if (abc[i].matches('.number')) {
                document.write(abc[i].textContent
                    + ' is not an alphabet ,  ');
            }
        }
    </script>
</body>

</html>

Output:

Note: It is supported by all browsers.

HTML DOM isSameNode() Method

taran910

Improve

Article Tags :

Similar Reads

HTML DOM isSameNode() Method

The isSameNode() method checks whether the two nodes are the same or not. This method is different from isequalNode(), where two different nodes can be equal but not the same, here the same node means that they are referencing the same object. Syntax: node.isSameNode(othernode) Parameters: The "othe

HTML DOM isEqualNode() Method

The HTML DOM isEqualNode() method checks whether the two nodes are equal or not. These nodes are considered equal if they are of the same type, having the same characteristics and the same attributes. The attributes do not have to be in the same order. Syntax: node.isEqualNode(othernode) Parameters:

HTML DOM querySelector() Method

The querySelector() method returns the first element that matches the specified Selector. It only gives one element from the HTML DOM if found else it returns null. To get all the matching elements, you can use the querySelectorAll() method.Syntax// To search in complete documemtducument.querySelect

HTML DOM Mark Object

The Mark Object in HTML DOM is used to represent the HTML <mark> element. The Mark Object is new in HTML 5. The <mark> element can be accessed by using the getElementById() method. Syntax: document.getElementById("id") Where id is assigned to the <mark> tag. Note: This tag is not s

HTML DOM contains() Method

The contains() method is used to find whether the specified node is a descendant of the given node. This descendant can be a child, grandchild, great-grandchild, and so on. Syntax: node.contains( otherNode ) Parameters: The â€œothernodeâ€ in the syntax is the parameter required in this function. Return

jQuery html() Method

The html() Method in jQuery is used to set or return the innerHTML content of the selected element. Syntax: It returns the content of the first matched element.$(selector).html()It sets the content of the matched element.$(selector).html(content)It sets the content using a function.$(selector).html(

HTML DOM querySelectorAll() Method

The querySelectorAll() method in HTML is used to return a collection of an element's child elements that match a specified CSS selector(s), as a static NodeList object. The NodeList object represents a collection of nodes. The nodes can be accessed by index numbers. The index starts at 0. Note: If w

HTML DOM Italic Object

The Italic Object in HTML DOM is used to represent the HTML <i> element. This tag is used to display the content in italic style. The <i> element can be accessed by using the getElementById() method. Syntax: document.getElementById("id"); Where id is assigned to the <i> tag. Exampl

HTML DOM Input URL select() Method

The HTML <input type=â€urlâ€> is used to define a field that entered a URL. This input value is automatically validated before submitting the form. The input URL select() method in HTML DOM is used to select the content of a URL text field. It is an in-built method of input URL Object. Refer to

HTML DOM hasAttributes() Method

The HTML DOM hasAttribute() method is a boolean function that returns either true or false but not both. This method returns a true value if the element contains an attribute otherwise, it returns false. It is very useful to know whether the element in the document has attributes or not. Syntax: nod