проверить тег на пустоту
"проверить тег на пустоту", как проверить тег на пустоту. Проверим тег пустой или в теге что-то есть. Несколько примеров и кодом.
О проверке тега на пустоту.
- Пустой ли тег проверяем в самом теге. Пример №1 проверки на пустоту в теге.
- Пустой ли тег проверяем в javascript. Пример №3 проверки на пустоту в теге.
- Пустой ли тег проверяем в javascript #3.
Пример №2 проверки на пустоту в теге.
Пример №4 проверки на пустоту в теге.
Пустой ли тег проверяем в самом теге.
Проверим тегна пустоту прямо внутри тега.
Для того, чтобы проверить есть ли что-то внутри тега вам понадобиться:
Нам нужен какой элемент ДОМ дерева - пусть это будет - div.
Прямо внутрь первого открывающего тега поместим onclick.
В условие проверки на пустоту в теге используем innerHTML.
Используем двойное равно(здесь слева в ссылке применено ) в качестве математического равно и вывод результата с помощью alert.
Для обращения к тегу используем thisНу и соответственно если внутри тега не "пусто" выводим:
соберем весь код вместе:
Первый пример кода на проверку пустоты в теге js:
Для первого примера используем код с текстом внутри тега:
<div onclick="if(this.innerHTML=='') alert('Пусто'); else alert('Не Пусто')">Проверь на пустоту</div>
Пример кода на проверку пустоты в теге js:
Чтобы проверить, что в теге пусто или нет, нажмите по строке : "Проверь на пустоту"
Пример №2 проверки на пустоту в теге.
В предыдущем теге был текст для проверки на пустоту.
Во втором примере тоже самое, только из тега уберем текст.
Css:
<style>
.example {
border: 1px solid;
width: 20px;
height: 20px;
}</style>
Html:
<div class=example onclick="if(this.innerHTML=='') alert('Пусто'); else alert('Не Пусто')"></div>
Пример №2 проверки на пустоту в теге.
Для того, чтобы проверить на пустоту в теге - нажми на квадрат
Пустой ли тег проверяем в javascript.
Проверим пустой ли тег, есть ли что-то внутри тега, например текст и дур элементы.
Для второе пункта вам понадобится...
Теорию и практику из предыдущего пункта с некоторыми изменениями...
В наш тег поместим id, чтобы обратиться к проверяемом тегу на пустоту одним из способов обратиться к тегу.
В onclick поместим название функции.
Далее в созданном теге script напишем те условия, что уже были использованы, но вместо this используем "id" тега.
Соберем весь код:
Код для проверки ну пустоту в теге:
Css:
<style>
.example {
border: 1px solid;
width: 20px;
height: 20px;
}</style>
Html:
<div class=example id="id_example" onclick="is_empty_tag()"></div>
javascript:
<script>function is_empty_tag() { if(id_example.innerHTML=='') alert('Пусто'); else alert('Не Пусто')} </script>
Пример для проверки на пустоту в теге:
Размещаем приведенный код для проверки на пустоту в теге прямо здесь.
Чтобы проверить действительно ли тег пустой нажмите на этот тег:
Пример кода №2 для проверки на пустоту в теге:
Повторим этот же код, с проверкой тега пустоту с текстом внутри тега:
Html:
<div id="id_example_2" onclick="is_empty_tag2()">Проверь на пустоту</div>
javascript:
<script>function is_empty_tag2() { if(id_example_2.innerHTML=='') alert('Пусто'); else alert('Не Пусто')} </script>
Пример 2 для проверки на пустоту в теге:
Чтобы проверить пустой ли тег... нажмите по строке "Проверь тег на пустоту"
Пустой ли тег проверяем в javascript #3.
Для проверки пустой ли тег javascript вам понадобится:
Теория и практика из предыдущего пункта.
Изменим то, что уберем onclick из тега и переместим его в тег "script".
Всё остальное практически аналогично!
Пример кода для проверки на пустоту в теге:
Html:
<div id="id_example_3">Проверь тег на пустоту</div>
javascript:
<script>
id_example_3.onclick = function() {
if(id_example_3.innerHTML=='') alert('Пусто');
else alert('Не Пусто');
}
</script>
Пример скрипта для проверки на пустоту в теге:
Ну и далее, как обычно, нажимаете по строке "Проверь тег на пустот" для проверки тега на пустоту
