首頁 >web前端 >html教學 >HTML DOM Anchor pathname屬性 HTML DOM Anchor pathname屬性傳回URL中的路徑名部分

HTML DOM Anchor pathname屬性 HTML DOM Anchor pathname屬性傳回URL中的路徑名部分

王林轉載: 2023-09-07 21:37:011486瀏覽

HTML DOM Anchor pathname 屬性用於設定或傳回 href 屬性的路徑名稱。

以下是設定 pathname 屬性的語法 -

anchorObj.pathname = path

上面，path是URL的路徑名。

以下是傳迴路徑名屬性的語法-

anchorObj.pathname

現在讓我們來看一個實作DOM 錨點路徑名屬性的範例-

範例

即時示範

<!DOCTYPE html>
<html>
<body>
<h1>Company</h1>
<p><a id="mylink" hreflang="en" href="https &minus;//abc.com/abc.html/#new">Products</a></p>
<h2 id="myid"></h2>
<button onclick="display1()">Display pathname</button>
<button onclick="display2()">Display 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>

輸出

HTML DOM Anchor pathname属性

HTML DOM Anchor pathname属性返回URL中的路径名部分

上面，點選「顯示路徑名稱」即可顯示路徑部分-

HTML DOM Anchor pathname屬性

HTML DOM Anchor pathname屬性傳回URL中的路徑名部分

以上是HTML DOM Anchor pathname屬性 HTML DOM Anchor pathname屬性傳回URL中的路徑名部分的詳細內容。更多資訊請關注PHP中文網其他相關文章！

html dom href

陳述：

本文轉載於：tutorialspoint.com。如有侵權，請聯絡admin@php.cn刪除

上一篇：我們如何在HTML中顯示元素的邊框厚度？下一篇：我們如何在HTML中顯示元素的邊框厚度？

看更多