Рубрики

HTML | Свойство DOM Area координаты

Свойство Площадь координат в HTML DOM используется для установки или возврата значения атрибута координат области. Он определяет координаты x и y области.

Синтаксис:

  • Возвращает свойство Площадь координат.
     areaObject.coords
  • Используется для установки свойства Площади координат.
    areaObject.coords = value

Стоимость недвижимости:

  • x1, y1, x2, y2: определяет координаты левого верхнего (x1, y1) и правого нижнего (x2, y2) угла прямоугольника.
  • x, y, radius: указывает координаты центра (x, y) и радиус (радиус) окружности.
  • x1, y1, x2, y2, .., xn, yn: определяет координаты многоугольника. Если первая и последняя пары координат не совпадают, браузер добавит последнюю пару координат, чтобы закрыть многоугольник.

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

Пример 1: В этом примере возвращается свойство Площадь координат.

<!DOCTYPE html> 

<html

<title

    HTML DOM Area coords Property 

</title

  

<body

    <h4> HTML DOM Area coords Property </h4

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

    </button

    <map name="Geeks1"

        <area id="Geeks"

            shape="rect"

            coords="0, 0, 110, 100"

            alt="Geeks"

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

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

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

        

    </script

</body

  

</html>                    

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

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


Пример 2: В
этом примере задается свойство Площадь координат.

<!DOCTYPE html> 

<html

<title

    HTML DOM Area coords Property 

</title

  

<body

    <h4> HTML DOM Area coords 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() { 

              

        // Sets coords property. 

            var x = document.getElementById("Geeks").coords = 

                "2, 2, 100, 100"; 

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

                "The coords has been changed to " + x; 

        

    </script

</body

  

</html>                     

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

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

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

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

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

HTML | Свойство DOM Area координаты

0.00 (0%) 0 votes