Как получить и вывести содержание из тега title js
Подробно о получении и выводе содержания тега title js
- Получить и вывести значение тега title в javascript.
- Получить и вывести значение тега title в javascript №2
Получить и вывести значение тега title в javascript
Для того, чтобы получить и вывести содержание тега "title" вам понадобится:
Кнопка по которой будем нажимать - button.
В неё добавляем id.
Тег 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 в javascript №2
Зачем нужен второй пример? Это всего лишь иллюстрация того, что в программировании достичь желаемое можно множеством способов...
Во втором примере получении и выводе содержания тега "title" вам понадобится:
Теория и код в выше приведенном пункте + сделаем немного правок в коде.
Опять кнопка по которой будем нажимать - button.
В неё добавляем уже новый id.
Тег 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>