Вы здесь
Главная > Мой блог > WEB-разработка > Получить значение value из тега input | JavaScript

Получить значение value из тега input | JavaScript

document.getElementById() – поиск по тегу с атрибутом id

Задача: нужно вывести значение выбранного цвета рядом с полем ввода:

document.getElementsByName() – поиск по NodeList тегов с атрибутом name

Задача: прибавить значение только третьего включенного чекбокса, округлить до сотых и показать в формате 0.00 (с двумя знаками после запятой):

Задача: показать значение активного radio:

document.getElementsByClassName() – поиск по NodeList тегов с атрибутом class

Задача: как поменять класс по клику (я предпочитаю это делать только силами CSS):

document.body – поиск по тегу body

Задача: сменить все h2 на h3:

document.getElementsByTagName() – поиск по NodeList тегов

Задача: заменить текст h3 выше:

Задача: часы и дату разбить на два тега в списке id=”d”:

document.querySelector() – поиск по селектору

Что такое селекторы можно почитать тут. Благодаря псевдоклассам CSS теперь легко осуществлять проверку формы.

Задача: показать степень заполнения полей, пароль и email должен быть внесён правильно.
Почта
Пароль

document.querySelectorAll() – поиск по NodeList селекторов

Помните этот пример? Там поиск идёт только по h3. Именно на него произойдет замена по этой кнопке. Если её не нажимать, то скрипт не будет работать. А вот так будет и при h2, и при h3

Источник: http://shpargalkablog.ru/2013/04/value-input-javascript.html

Добавить комментарий

Top