Код?... Это просто!
php js Jquery JsPhp blog
ТЕГИ:
js (87)

php (101)
js (87)
php date (19)
html (14)
online (14)
js slice (13)
encode (11)
js array (11)
php array (10)
js date (10)
engine (10)
hash (10)
dosite (9)
info (7)
php img (7)
jsphp (6)
Показать еще :

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

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

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

  1. Пустой ли тег проверяем в самом теге.
  2. Пример №1 проверки на пустоту в теге.
    Пример №2 проверки на пустоту в теге.
  3. Пустой ли тег проверяем в javascript.
  4. Пример №3 проверки на пустоту в теге.
    Пример №4 проверки на пустоту в теге.
  5. Пустой ли тег проверяем в 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>

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

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

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


Теги:проверить тег на пустоту
jsphp.ru есть здесь:
Полезные ссылки:
ruweb
Я писал немного о ruweb.net!
Помочь проекту JsPhp.ru

Что можно сделать!?

Поделиться ссылкой! C друзьями или врагами!


Помочь проекту JSPHP.RU: Помочь проекту JSPHP.RU прокомментировать :

Скоро...


Мои Проекты :

Скоро...



О хостинге :

Скоро...


© jsphp.ru 2023 - 2024 , Аминев Марат. Контакты
Страница загружена за : 0.00658 секунд.