Как проверить тег на пустоту!?

"Проверить тег на пустоту", как проверить тег на пустоту. Проверим тег пустой или в теге что-то есть. Несколько примеров и кодом.

О проверке тега на пустоту.

1. Пустой ли тег проверяем в самом теге.
Пример №1 проверки на пустоту в теге.
Пример №2 проверки на пустоту в теге.

2. Пустой ли тег проверяем в javascript.
Пример №3 проверки на пустоту в теге.
Пример №4 проверки на пустоту в теге.

3. Пустой ли тег проверяем в javascript #3.

1. Пустой ли тег проверяем в самом теге.

Проверим тегна пустоту прямо внутри тега.

Для того, чтобы проверить есть ли что-то внутри тега вам понадобиться:

Нам нужен какой элемент ДОМ дерева - пусть это будет - div.

Прямо внутрь первого открывающего тега поместим onclick.

В условие проверки на пустоту в теге используем innerHTML.

Используем двойное равно(здесь слева в ссылке применено) в качестве математического равно и вывод результата с помощью alert.

Для обращения к тегу используем this

Ну и соответственно если внутри тега не "пусто" выводим:

alert('Не Пусто')

соберем весь код вместе:

Первый пример кода на проверку пустоты в теге js:

Для первого примера используем код с текстом внутри тега:

<div onclick="if(this.innerHTML=='') alert('Пусто'); else alert('Не Пусто')">Проверь на пустоту</div>

Пример кода на проверку пустоты в теге js:

Чтобы проверить, что в теге пусто или нет, нажмите по строке : "Проверь на пустоту"

Проверь на пустоту

Пример №2 проверки на пустоту в теге.

В предыдущем теге был текст для проверки на пустоту.

Во втором примере тоже самое, только из тега уберем текст.

НО! чтобы вы могли увидеть пустой тег - добавим ему border + высоту и ширину:

Css:

<style>

.example {

border: 1px solid;

width: 20px;

height: 20px;

}</style>

Html:

<div class=example onclick="if(this.innerHTML=='') alert('Пусто'); else alert('Не Пусто')"></div>

Пример №2 проверки на пустоту в теге.

Для того, чтобы проверить на пустоту в теге - нажми на квадрат

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 для проверки на пустоту в теге:

Чтобы проверить пустой ли тег... нажмите по строке "Проверь тег на пустоту"

Проверь тег на пустоту

3. Пустой ли тег проверяем в 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>

Пример скрипта для проверки на пустоту в теге:

Ну и далее, как обычно, нажимаете по строке "Проверь тег на пустот" для проверки тега на пустоту

Проверь тег на пустоту

Всего комментариев : Comments+ 2.0

+ =