| | | | | |
Получение данных из атрибута 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)Скачать -
архив
Все скрипты на
одной страницеС вашими куками, что-то не то..., попробуете перезагрузить страницу..
Теги:
Получение данных из атрибута javascript