Рубрики

HTML | DOM Link href Property

HTML | Свойство DOM Link href используется для установки или возврата URL связанного документа .

Синтаксис:

  • Возвращает свойство href.
    linkObject.href
  • Используется для установки свойства href.
    linkObject.href = URL 

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

  • абсолютный URL: он указывает на другой сайт.
  • относительный URL: указывает на файл на веб-сайте.
  • URL привязки: указывает на привязку на странице.

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

Пример 1: этот пример возвращает свойство href.

<!DOCTYPE html>

<html>

  

<head>

    <link id="linkid" 

          rel="stylesheet"

          type="text/css" 

          href="styles.css" 

          sizes="16*16"

          hreflang="en-us">

</head>

  

<body style="text-align:center;">

    <h1>GeeksForGeeks</h1>

    <h2>DOM Link href Property</h2>

  

    <button onclick="gfg()">Get URL

    </button>

  

    <p id="pid" 

       style="font-size:25px;

              color:green;">

  </p>

  

    <script>

        function gfg() {

  

            // Access link element. 

            var NEW = document.getElementById(

                "linkid").href;

            document.getElementById(

                "pid").innerHTML = NEW;

        }

    </script>

  

</body>

  

</html>

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

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

Пример 2: этот пример устанавливает свойство href.

<!DOCTYPE html>

<html>

  

<head>

    <link id="linkid" 

          rel="stylesheet"

          type="text/css" 

          href="styles.css" 

          sizes="16*16"

          hreflang="en-us">

</head>

  

<body style="text-align:center;">

    <h1>GeeksForGeeks</h1>

    <h2>DOM Link href Property</h2>

  

    <button onclick="gfg()">Get URL

    </button>

  

    <p id="pid" 

       style="font-size:25px;

              color:green;">

  </p>

  

    <script>

        function gfg() {

  

            // Access link element. 

            var NEW = document.getElementById(

                "linkid").href = "style3.css";

            

            document.getElementById(

                "pid").innerHTML = 

              "The value of the href attribute"+

              " was changed to " + NEW;

        }

    </script>

  

</body>

  

</html>

Выход :

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

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

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

  • Гугл Хром
  • Mozilla Firefox
  • край
  • Сафари
  • опера

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

HTML | DOM Link href Property

0.00 (0%) 0 votes