Получение данных из атрибута javascript
Сегодня коснемся атрибутов! Как получить данные из атрибута, что имеется у нас в атрибутах.
Мы уже много всего написали о JavaScript, но не затрагивали наших атрибутов. Которые у нас могут присутствовать в теге!Почему!?
У нас возникла необходимость получить данные из атрибута, например, controls - это из нашей прошлой темы о простом плеере – будем использовать в качестве примера!Это можно сделать и на JQUERY , но мы сделаем это на чистом JavaScript
Чтобы уж совсем скучно не было, то наш исполнительный код:
поместим в клик функцию…:
<script> document.getElementById('teg').addEventListener('click', function()
{
the_var = player.getAttribute('controls') ; alert("Данные получены из атрибута controls " + the_var );
});
</script>
Атрибут Controls у нас находится в плеере и оттуда и будем получать данные этого атрибута:
И действие будем совершать по кнопке
Нажмите на кнопку.
Второй случай получения данных из атрибута… ну например нам нужно получить из атрибута placeholder данные, тогда:
Click повесим на него же…
<script> document.getElementById('name_input').addEventListener('click', function()
{
the_var = name_input.getAttribute('placeholder') ; alert("Данные получены из атрибута placeholder " + the_var );
});
</script>
Получение данных из атрибута javascript