HTML DOM Location pathname Property

Last Updated : 03 Aug, 2023

The Location pathname property in HTML is used to set or return the pathname of a URL. The Location pathname property returns a string that represents the pathname of the URL.

Syntax:

It returns the pathname property.

location.pathname

It is used to set the pathname property.

location.pathname = path

Example: Below program illustrates the Location pathname Property in HTML

HTML

<!DOCTYPE html>
<html>

<head>
    <title>DOM Location pathname Property</title>
    <style>
        h1 {
            color: green;
        }
    </style>
</head>

<body>
    <h1>GeeksforGeeks</h1>
    <h2>DOM Location pathname Property</h2>
    <p>
        For returning the path name of the
        current URL, double click the "Return
        Pathname" button:
    </p>
    <button ondblclick="mypath()">
        Return Pathname
    </button>
    <p id="path"></p>
    <script>
        function mypath() {
            let p = location.pathname;
            document.getElementById("path").innerHTML = p;
        }
    </script>
</body>

</html>