Open In App
Related Articles

HTML DOM Location pathname Property

Improve Article
Save Article
Like Article

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.


  • It returns the pathname property.

  • It is used to set the pathname property.
location.pathname = path

Example: Below program illustrates the Location pathname Property in HTML


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


Supported Browsers: The browser supported by the Location pathname property are listed below:

  • Google Chrome 1
  • Edge 12
  • Firefox 1
  • Opera 12.1
  • Safari 1

Last Updated : 03 Aug, 2023
Like Article
Save Article
Similar Reads
Related Tutorials