phpjsJqueryhtmlcssblog

Как получать в атрибуте title через javascript

Получить содержание атрибута title в javascript. Получить содержание атрибута title через js! Сделаем живой пример получения содержания из "атрибута title" - будет скрипт с кнопкой! Несколько способов получения значения из атрибута title.

Получить атрибут title через javascript пример

1. Получить значение атрибута title №1
2. Получить значение атрибута title №1

Скопировать ссылку



Получить значение атрибута title №1

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

Любой тег - пусть это будет div у него будет атрибут title...

<div id="get_attribute_title" title="Это текст примера получения значения из атрибута title №1">Здесь есть атрибут title получи его через js №1</div>

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

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

<button id="the_button_2">получи title через js №1</button>

Тег 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 получи его через js №1
получи атрибут title через js №1
Скопировать ссылку



Получить значение атрибута title №2

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

Для этого вам понадобится:

Какой то из тегов - пусть это будет div у которого будет атрибут title...

<div id="get_attribute_title_2" title="Это текст примера получения значения из атрибута title №2">Здесь есть атрибут title получи его через js №2</div>

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

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

<button id="the_button_2">получи title через js №2</button>

атрибут script.

Используем onclick.

Выбираем один из способов обратиться к тегу

В функцию помещаем замену атрибута title :

get_attribute_title_2 . title = "Получи значение атрибута title #2!";

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

Код получения содержания атрибута 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".

Здесь есть атрибут title получи его через js
получи атрибут title через js №2

Еще никто не прокомментировал! COMMENTS+   BBcode

Подписаться + =

---