Рубрики

HTML | DOM Area pathname Свойство

Свойство Area pathname в HTML DOM используется для установки или возврата пути к атрибуту href. Он используется для указания места назначения ссылки в области.
Синтаксис:

  • Возвращает свойство Pathname области.
     areaObject.pathname
  • Он используется для установки свойства Area pathname.
    areaObject.pathname = path 

Значения свойства: содержит одно значение пути, которое указывает путь к URL.

Возвращаемое значение: возвращает строковое значение, которое представляет путь URL.

Пример 1: В этом примере возвращается свойство Pathname области.

<!DOCTYPE html> 

<html

<title

    HTML DOM Area pathname Property 

</title

  

<body

    <h4> HTML DOM Area pathname Property </h4

    <button onclick="GFG()">Click Here! 

    </button

    <map name="Geeks1"

        <area id="Geeks"

            shape="rect"

            coords="0, 0, 110, 100"

            alt="Geeks"

            href

        https://manaschhabra:manaschhabra499@www.geeksforgeeks.org/abc.html

                        target="_self"

    </map> 

  

    <img src

"https://media.geeksforgeeks.org/wp-content/uploads/a1-25.png"

        width="300"

        height="100"

        alt="Geeksforgeeks"

        usemap="#Geeks1"

    </br>

    <p id="GEEK!"></p

      

    <script

        function GFG() { 

              

        // Return pathname property. 

            var x = document.getElementById("Geeks").pathname; 

        document.getElementById("GEEK!").innerHTML = x; 

        

    </script

</body

  

</html>                    

Выход:
Прежде чем нажать на кнопку:

После нажатия на кнопку:


Пример 2: В
этом примере задается свойство Area pathname.

<!DOCTYPE html> 

<html

<title

    HTML DOM Area pathname Property 

</title

  

<body

    <h4> HTML DOM Area pathname Property </h4

    <button onclick="GFG()">Click Here! 

    </button

    <map name="Geeks1"

        <area id="Geeks"

            shape="rect"

            coords="0, 0, 110, 100"

            alt="Geeks"

            href

        https://manaschhabra:manaschhabra499@www.geeksforgeeks.org/abc.html

                       target="_self"

    </map> 

  

    <img src

"https://media.geeksforgeeks.org/wp-content/uploads/a1-25.png"

        width="300"

        height="100"

        alt="Geeksforgeeks"

        usemap="#Geeks1"

    </br>

    <p id="GEEK!"></p

      

    <script

        function GFG() { 

              

        // Set pathname property. 

            var x = document.getElementById("Geeks").pathname = "xyz"; 

        document.getElementById("GEEK!").innerHTML = 

                "The pathname has been changed to " + x; 

        

    </script

</body

  

</html>                     

Выход:
Прежде чем нажать на кнопку:

После нажатия на кнопку:

Поддерживаемые браузеры:

  • Гугл Хром
  • Fire Fox
  • Internet Explorer
  • опера
  • Сафари

Рекомендуемые посты:

HTML | DOM Area pathname Свойство

0.00 (0%) 0 votes