Уроки по PHP
JavaScript
Уроки по HTML
Дизайнерам
СЕОшникам
Разное
Метод document.getElementById нужен для обращения к элементам по их id. Это один из основных методов, используемых в JavaScript. Например, сейчас сделаем простенькую проверку заполненности текстовых полей. Если текстовое поле пустое, то выводим сообщение. Кстати, такие проверки ставят почти на все сайты и интернет магазины, даже если цена сайта минимальна.
Для начала создания скрипта в документе разметим 1 текстовое поле и одну кнопку. При нажатии на кнопку будет вызываться функция со следующей логикой:
- Находим текстовое поле по id
- Смотрим, есть ли в нем текст, или оно пустое
- Если текстовое поле пустое, то выводим сообщение, и заполняем текстовое поле текстом
- Если в текстовом поле есть текст, то выводим его
Вот исходный код:
<html>
<head>
<title>Метод document.getElementById | Дизайн студия OX2</title>
</head>
<body>
<input type="text" id="text_id" value="" />
<input type="button" value="Проверить текстовое поле" onclick="isField()" />
<script type="text/javascript">
function isField() {
//Записываем в переменную obj найденный по text_id элемент
var obj = document.getElementById('text_id');
if (obj.value == '') {
alert('Текстовое поле пустое');
obj.value = 'Дизайн студия ox2.ru' //Заполняем текстовое поля
}
else { //Если текстовое поле не пустое, выводим то что в нем написано
alert('В текстовом поле содержится текст: ' + obj.value);
}
}
</script>
</body>
</html>
Комментарии
Заполните все поля
Написать комментарий