Рубрики

HTML | DOM Area alt Property

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

Синтаксис:

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

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

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

Пример 1. Этот пример возвращает свойство Area alt.

<!DOCTYPE html> 

<html

<title

    HTML DOM Area alt Property 

</title

  

<body

    <h4> HTML DOM Area alt 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 alt property 

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

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

        

    </script

</body

  

</html>                    

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

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


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

<!DOCTYPE html> 

<html

<title

    HTML DOM Area alt Property 

</title

  

<body

    <h4> HTML DOM Area alt 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 alt property. 

            var x = document.getElementById("Geeks").alt = "abcxyz"; 

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

                "The alt value has been changed to " + x; 

        

    </script

</body

  

</html>                     

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

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

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

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

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

HTML | DOM Area alt Property

0.00 (0%) 0 votes