DWWEB.RU
СКРИПТЫ

Получение данных из атрибута 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>

Не забудь !
Название скрипта :Получение данных из атрибута javascript по клику(getattribute)
Скрипт № 46.2
Скачать - архив
Все скрипты на одной странице
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+ =
Подписаться
Теги:
Получение данных из атрибута javascript

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019