Главная
Друзья!
Мы находимся в процессе большой чистки!
Возможны ошибки и кривизна страниц
Просмотреть всё и быстро не возможно!
Если нашли какую-то ошибку, то если вам не трудно напишите здесь адрес...
Сейчас вы здесь :
http://dwweb.ru/page/js/029_poluchenie_dannyih_iz_atributa_javascript.html

Получение данных из атрибута javascript

Сегодня коснемся атрибутов! Как получить данные из атрибута, что имеется у нас в атрибутах.

Мы уже много всего написали о JavaScript, но не затрагивали наших атрибутов. Которые у нас могут присутствовать в теге!

Почему!?

У нас возникла необходимость получить данные из атрибута, например, controls - это из нашей прошлой темы о простом плеере – будем использовать в качестве примера!
Это можно сделать и на JQUERY , но мы сделаем это на чистом JavaScript
1.

Чтобы уж совсем скучно не было, то наш исполнительный код:

the_var = player.getAttribute('controls') ; alert("Данные получены из атрибута controls " + the_var )

поместим в клик функцию…:

<script> document.getElementById('teg').addEventListener('click', function()

{

the_var = player.getAttribute('controls') ; alert("Данные получены из атрибута controls " + the_var );

});

</script>

Атрибут Controls у нас находится в плеере и оттуда и будем получать данные этого атрибута:

<audio id="player" controls="stop" style="width:600px" src="http://axmara.narod.ru/-video/music/digital_emotion_get_up.mp3"></audio>

И действие будем совершать по кнопке

<button id="teg">ЖМИ</button>
РЕЗУЛЬТАТ:

Нажмите на кнопку.

2.

Второй случай получения данных из атрибута… ну например нам нужно получить из атрибута placeholder данные, тогда:

Click повесим на него же…

КОД:

<script> document.getElementById('name_input').addEventListener('click', function()

{

the_var = name_input.getAttribute('placeholder') ; alert("Данные получены из атрибута placeholder " + the_var );

});

</script>

Посмотреть пример и скачать можно по ниже идущей ссылке

Скрипт № 46.2
Название скрипта и номер :Получение данных из атрибута javascript по клику(getattribute)
Пример - Получение данных из атрибута javascript по клику(getattribute)
Скачать - архив
Все скрипты на одной странице