Рубрики

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

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

Синтаксис:

  • Возвращает свойство Area.
     areaObject.shape
  • Он используется для установки свойства формы Area.
    areaObject.shape = default|rect|circle|poly 

Значения свойства: оно содержит фигуру с одним значением, которая определяет тип фигуры.

  • по умолчанию: используется для указания всего региона.
  • rect: используется для указания прямоугольной области.
  • круг: используется для указания круговой области.
  • poly: используется для указания полигональной области.

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

Пример 1. Этот пример возвращает свойство формы области.

<!DOCTYPE html> 

<html

<title

    HTML DOM Area shape Property 

</title

  

<body

    <h4> HTML DOM Area shape 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/

    </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 shape property. 

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

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

        

    </script

</body

  

</html>                    

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

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


Пример 2:
Этот пример устанавливает свойство формы Area.

<!DOCTYPE html> 

<html

<title

    HTML DOM Area shape Property 

</title

  

<body

    <h4> HTML DOM Area shape 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/

    </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 shape property. 

            var x = document.getElementById("Geeks").shape = "circle"; 

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

                "The value of shape attribute has been changed to " + x; 

        

    </script

</body

  

</html>                     

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

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

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

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

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

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

0.00 (0%) 0 votes