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

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

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

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