ГЛАВНАЯ | HTML | CSS | PHP | JS | ЕЩЁ |

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

Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019