compareDocumentPosition

Description
Syntax
Examples
Links

Description

The compareDocumentPosition of Node for JS returns a bitmask indicating the position of other relative to node.

Name	Number	Description
Node.DOCUMENT_POSITION_DISCONNECTED	1	Other is not in the same tree as node
Node.DOCUMENT_POSITION_PRECEDING	2	Other precedes node
Node.DOCUMENT_POSITION_FOLLOWING	4	Other follows node
Node.DOCUMENT_POSITION_CONTAINS	8	Other is an ancestor of node
Node.DOCUMENT_POSITION_CONTAINED_BY	16 (10 in hexadecimal)	Other is a descendant of node
Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC	32 (20 in hexadecimal)	Other is implementation-specific relative to node

<!doctype html>
<html>
<body>
    <output></output>
    <script>
        function myfunction(myparameter)
        {
            let output = myparameter + ": ";
            if(myparameter & Node.DOCUMENT_POSITION_DISCONNECTED)
            {
                output += " " + Node.DOCUMENT_POSITION_DISCONNECTED;
            }
            if(myparameter & Node.DOCUMENT_POSITION_PRECEDING)
            {
                output += " " + Node.DOCUMENT_POSITION_PRECEDING;
            }
            if(myparameter & Node.DOCUMENT_POSITION_FOLLOWING)
            {
                output += " " + Node.DOCUMENT_POSITION_FOLLOWING;
            }
            if(myparameter & Node.DOCUMENT_POSITION_CONTAINS)
            {
                output += " " + Node.DOCUMENT_POSITION_CONTAINS;
            }
            if(myparameter & Node.DOCUMENT_POSITION_CONTAINED_BY)
            {
                output += " " + Node.DOCUMENT_POSITION_CONTAINED_BY;
            }
            if(myparameter & Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC)
            {
                output += " " + Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC;
            }
            document.querySelector("output").innerHTML = output;
        }
        const node = document.body;
        const other = document.querySelector("html");
        myfunction(node.compareDocumentPosition(other));
    </script>
</body>
</html>

5

<!doctype html>
<html>
<body>
    <output></output>
    <script>
        function myfunction(myparameter)
        {
            let output = myparameter + ": ";
            if(myparameter & Node.DOCUMENT_POSITION_DISCONNECTED)
            {
                output += " " + Node.DOCUMENT_POSITION_DISCONNECTED;
            }
            if(myparameter & Node.DOCUMENT_POSITION_PRECEDING)
            {
                output += " " + Node.DOCUMENT_POSITION_PRECEDING;
            }
            if(myparameter & Node.DOCUMENT_POSITION_FOLLOWING)
            {
                output += " " + Node.DOCUMENT_POSITION_FOLLOWING;
            }
            if(myparameter & Node.DOCUMENT_POSITION_CONTAINS)
            {
                output += " " + Node.DOCUMENT_POSITION_CONTAINS;
            }
            if(myparameter & Node.DOCUMENT_POSITION_CONTAINED_BY)
            {
                output += " " + Node.DOCUMENT_POSITION_CONTAINED_BY;
            }
            if(myparameter & Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC)
            {
                output += " " + Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC;
            }
            document.querySelector("output").innerHTML = output;
        }
        const node = document.querySelector("html");
        const other = document.body;
        myfunction(node.compareDocumentPosition(other));
    </script>
</body>
</html>

6

<!doctype html>
<html>
<body>
    <output></output>
    <script>
        function myfunction(myparameter)
        {
            let output = myparameter + ": ";
            if(myparameter & Node.DOCUMENT_POSITION_DISCONNECTED)
            {
                output += " " + Node.DOCUMENT_POSITION_DISCONNECTED;
            }
            if(myparameter & Node.DOCUMENT_POSITION_PRECEDING)
            {
                output += " " + Node.DOCUMENT_POSITION_PRECEDING;
            }
            if(myparameter & Node.DOCUMENT_POSITION_FOLLOWING)
            {
                output += " " + Node.DOCUMENT_POSITION_FOLLOWING;
            }
            if(myparameter & Node.DOCUMENT_POSITION_CONTAINS)
            {
                output += " " + Node.DOCUMENT_POSITION_CONTAINS;
            }
            if(myparameter & Node.DOCUMENT_POSITION_CONTAINED_BY)
            {
                output += " " + Node.DOCUMENT_POSITION_CONTAINED_BY;
            }
            if(myparameter & Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC)
            {
                output += " " + Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC;
            }
            document.querySelector("output").innerHTML = output;
        }
        const node = document.createElement("my-element");
        const other = document.body;
        myfunction(node.compareDocumentPosition(other));
    </script>
</body>
</html>