คุณสมบัติ pathname ของ Anchor ใน HTML DOM

คุณสมบัติ pathname ของ Anchor ใน HTML DOM

คุณสมบัติ pathname ของ Anchor ใน HTML DOM ใช้สำหรับตั้งค่าหรือคืนค่าชื่อเส้นทาง (path name) ของแอตทริบิวท์ href

รูปแบบการตั้งค่าคุณสมบัติ pathname:

anchorObj.pathname = path

โดย path คือ pathname ของ URL

รูปแบบการคืนค่าคุณสมบัติ pathname:

anchorObj.pathname

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
  <h1>บริษัท</h1>
  <p><a id="mylink" hreflang="en" href="https://abc.com/abc.html/#new">สินค้า</a></p>
  <h2 id="myid"></h2>
  <button onclick="display1()">แสดง pathname</button>
  <button onclick="display2()">แสดง hreflang</button>
  <script>
    function display1() {
      var a = document.getElementById("mylink").pathname;
      document.getElementById("myid").innerHTML = a;
    }
    function display2() {
      var a = document.getElementById("mylink").hreflang;
      document.getElementById("myid").innerHTML = a;
    }
  </script>
</body>
</html>

ผลลัพธ์

คลิกที่ "แสดง pathname" เพื่อแสดงส่วนของเส้นทาง: