DWWEB.RU
СКРИПТЫ

Передать данные в атрибут javascript

Как передать данные в атрибут с помощью javascript!?Нам понадобится метод setAttribute.

В прошлый раз мы говорили о том, как получить данные из атрибута, возьмем оттуда код и просто немного его изменим…

С начала нужно наверное сказать, что такое атрибут!? Специально сделал вчера страницу для простого примера –что такое атрибут на примере placeholder

Как вы наверное знаете, что placeholder – используется в полях ввода… например такое как input.

Код:

<input placeholder="содержание placeholder" style="width: 300px">

Результат:

Далее нам понадобится идентификатор, естественно, что он нам будет нужен внутри input, чтобы по нем у обращаться к атрибуту

id="name_input"

Далее нам понадобится скрипт, который и будет отправлять данные по клику. Мы специально делаем по клику, чтобы просто было интереснее!

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

function() {

name_input.setAttribute("placeholder", "Данные отправлены с помощью setAttribute");

});

</script>

Результат:

Нажмите по input-у и вы увидите результат передачи данных в атрибут...

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

Закрыть
+ =
Подписаться
Теги:

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