Как получать в атрибуте title через javascript
Получить содержание атрибута title в javascript. Получить содержание атрибута title через js! Сделаем живой пример получения содержания из "атрибута title" - будет скрипт с кнопкой! Несколько способов получения значения из атрибута title.
Получить атрибут title через javascript пример
Получить значение атрибута title №1
Для того, чтобы получить содержание атрибута "title" вам понадобится:
Любой тег - пусть это будет div у него будет атрибут title...
Кнопка по которой будем нажимать и получать атрибут title - button.
В неё добавляем id.
Тег script.
Используем onclick.
Нужно обратиться к тегу и к кнопке и к нашему блоку... используем для этого getElementById.
Выведем полученное значение из атрибута title с помощью alert
Соберем весь код:
Код получения содержания атрибута title №1
Html:
<div id="get_attribute_title" title="Это текст примера получения значения из атрибута title №1">Здесь есть атрибут title получи его через js №1</div>
<button id="the_button">получи атрибут title через js №1</button>
Javascript
<script>
document.getElementById("the_button") .onclick = function (){ alert(document.getElementById("get_attribute_title"). title);
}
</script>
Выполнение Кода получения содержания атрибута title №1
Для того, чтобы увидеть процесс "получения содержания атрибута title №1" вживую... просто нажмите кнопку "получи атрибут title через js №1".
Получить значение атрибута title №2
Для того, чтобы получить содержание атрибута "title" можно использовать другой способ!
Для этого вам понадобится:
Какой то из тегов - пусть это будет div у которого будет атрибут title...
Кнопка по которой будем нажимать и получать атрибут title - button.
В неё добавляем id.
атрибут script.
Используем onclick.
Выбираем один из способов обратиться к тегу
В функцию помещаем замену атрибута title :
Соберем весь код:
Код получения содержания атрибута title №2
Html:
<div id="get_attribute_title_2" title="Это текст примера получения значения из атрибута title №2">Здесь есть атрибут title получи его через js №2</div>
<button id="the_button_2">получи атрибут title через js №2</button>
Javascript
<script>
the_button_2 .onclick = function (){
alert(get_attribute_title_2 . title);
}
</script>
Выполнение Кода получения содержания атрибута title №2
Для того, чтобы увидеть процесс "получения содержания атрибута title №2" вживую... просто нажмите кнопку "получи атрибут title через js №2".
Этим вы очень поможете проекту! Заранее огромное спасибо!
