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

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

คุณสมบัติ port ของ Anchor ใน HTML DOM ใช้สำหรับตั้งค่าหรือคืนค่าพอร์ตของแอตทริบิวท์ href

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

anchorObj.port = num

โดย num คือหมายเลขพอร์ตของ URL

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

anchorObj.port

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
  <h1>หัวข้อตัวอย่าง</h1>
  <p><a id="mylink" hreflang="en" href="https://abc.com:6064/abc.html/#new">บริการ</a></p>
  <h2 id="myid"></h2>
  <button onclick="display1()">แสดง pathname</button>
  <button onclick="display2()">แสดง hreflang</button>
  <button onclick="display3()">แสดง port</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;
    }
    function display3() {
      var a = document.getElementById("mylink").port;
      document.getElementById("myid").innerHTML = a;
    }
  </script>
</body>
</html>

ผลลัพธ์

ข้างต้น คลิกที่ "แสดง port" เพื่อแสดงหมายเลขพอร์ต: