Как получить и вывести содержание из тега title js

Подробно о получении и выводе содержания тега title js

1. Получить и вывести значение тега title в javascript.
2. Получить и вывести значение тега title в javascript №2

Получить и вывести значение тега title в javascript

Для того, чтобы получить и вывести содержание тега "title" вам понадобится:

Кнопка по которой будем нажимать - button.

В неё добавляем id.

<button id="the_button">Получи и выведи значение тега title через js</button>

Тег script.

Любым способов обратиться к тегу button.

Для отлавливания клика по кнопке используем onclick.

Для вывода будем использовать alert

В alert помещаем "Document.title" с текстом до полученного значения в title = "Полученное значение из тега title : ".

Соберем весь код:

Код получения и вывода значения тега title в js

Html:

<button id="the_button" class="width_100">Получи и выведи значение тега title через js</button>

Javascript

<script>

the_button.onclick = function ()

{

alert( 'Полученное значение из тега title : ' + document.title);

}

</script>

Пример выполнения Кода получения и вывода значения тега title в js

Для того, чтобы получить и вывести значение тега нажми на кнопку : "Получи и выведи значение тега title через js"

Получи и выведи значение тега title через js



Получить и вывести значение тега title в javascript №2

Зачем нужен второй пример? Это всего лишь иллюстрация того, что в программировании достичь желаемое можно множеством способов...

Во втором примере получении и выводе содержания тега "title" вам понадобится:

Теория и код в выше приведенном пункте + сделаем немного правок в коде.

Опять кнопка по которой будем нажимать - button.

В неё добавляем уже новый id.

<button id="the_button_1">Получи и выведи значение тега title через js №2</button>

Тег script.

Любым способов обратиться к тегу button.

И в данном примере обратимся к тегу "title" с помощью querySelector + нам еще понадобится innerHTML

Для отлавливания клика по кнопке используем onclick.

Для вывода будем использовать alert

В alert помещаем "Document.title" с текстом до полученного значения в title = "Полученное значение из тега title №2 : ".

Соберем весь код:

Код получения и вывода значения тега title в js #2

Html:

<button id="the_button_1">Получить содержание тега title через js №2</button>

Javascript

<script>

the_button_1 . onclick = function ()

{

alert( 'Полученное значение из тега title №2 : ' + document.querySelector('title').innerHTML);

}

</script>

Пример получения значения из тега title через javascript

Получить содержание тега title через js №2