Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

Убрать все что находиться между тегами скрипт

Поддержи проект!!! smile

Удалить контент внутри тега, сколько способом есть удалить содержание внутри тега!? Рассмотрим несколько вариантов удалить содержание между тегами.

Подробно об удалении содержания внутри тега

  1. Удаляем текст внутри тега javascript
  2. Удаляем текст внутри тега jQuery
  3. Удаляем текст внутри тега php
  1. Удаляем текст внутри тега javascript

    С самого начала, что может быть внутри тега и где это внутри тега!?

    Внутри тега может быть другие теги, текст, содержание, контент - любое из перечисленных мы будем удалить между тегами!

    <div>Здесь - это внутри тега.</div>

    Удаляем между тегами javascript

    Начнем с самого простого! нам потребуется:

    Тег, внутри которого будем удалять - пусть это будет div

    + нам нужно действие, по которому мы увидим удаление содержания внутри тегов - onclick

    + this

    + innerHTML - обращаемся к внутреннему содержанию

    "" - будем отправлять пустоту...

    Соберем весь код вместе :
    <div onclick="this.innerHTML=''">Здесь контент, который нужно удалить</div>

    Результат удаления содержания внутри тегов:

    Разместим данный код прямо здесь, нажмите по строке с текстом...:

    Здесь контент, который нужно удалить
    Это был совсем простой пример...

    Давайте сделаем тоже самое, только с кнопкой... логика аналогичная, только кода чуть побольше...:

    Опять div, покрасим текст, который будем удалять внутри тегов в красный, чтобы его было видно, + добавим id, чтобы можно было обратиться к тегу

    <div id="id_div" style="color:red;">Здесь контент, который нужно удалить</div>

    Добавим кнопку button, по которой будем нажимать...

    <button id="idbut">Удали контент внутри тега </button>

    javascript

    Добавим скрипт, который удалит все содержание между тегами:

    <script>
    idbut.onclick= function()
    {
    id_div.innerHTML="";
    }
    </script>
    Соберем весь код вместе:

    <div id="id_div" style="color:red;">Здесь контент, который нужно удалить</div>

    <button id="idbut">Удали контент внутри тега </button>

    <script>

    idbut.onclick= function()

    {

       id_div.innerHTML="";

    }

    </script>

    Пример удаления содержания между тегов с помощью javascript

    Здесь контент, который нужно удалить

  2. Удаляем текст внутри тега jQuery

    Далее разберем простой пример, как удалить содержание между тегами с помощью jQuery

    Html

    Html - смысла повторять нет, он аналогичный предыдущему gryne? с измененными значениями "id"

    <div id="id_div2" style="color:red;">Здесь контент, который нужно удалить</div>
    <button id="idbut2">Удали контент внутри тега </button>
    jQuery

    Добавим теперь jQuery...(не забываем - подключить jquery)

    $("#idbut2") - обратимся к тегу...

    click - сделаем клик в jQuery

    function(){ }; - по клику будем запускать функцию.

    Внутри функции опять обращаемся к тегу, в котором будем удалять содержание - $("#id_div2")

    .text("") - обращаемся к внутренностям тега, аналог innerHTML javascript

    Соберем код :

    <div id="id_div2" style="color:red;">Здесь контент, который нужно удалить</div>

    <button id="idbut2">Удали контент внутри тега </button>

    <script>

    $("#idbut2").click( function(){ $("#id_div2").text("") } );

    </script>

    Разметим выше приведенный код прямо здесь:
    Здесь контент, который нужно удалить

  3. Удаляем текст внутри тега php

    Из всех способов на странице удаления текста, контента, содержания между тегами - php - наверное самое сложное и кода будет больше всех...

    PHP:

    Ваш текст должен быть в переменной:

    $var = 'Здесь другой текст...<div style="color:red;">Здесь контент, который нужно удалить</div>и тут другой текст';

    Далее нам понадобится проверить получение post с условием if

    if($_POST["idbut3"])

    Внутри условия заменяем содержание между тегами:

      $var = preg_replace('#(<div style="color:red;">).*?(</div>)#', '', $var );
    Html:

    Соберем простую форму, она нам понадобится для того, чтобы увидеть удаление содержания между тегами после перезагрузки...:

    form

    method - post

    action - перебросим к якорю

    <form method="post" action="#result"> </form>

    Внутрь формы поместим button

    + name

    + value в php

    + submit

    <button name="idbut3" type="submit" value="1">Удали контент внутри тега </button>

    Выведем переменную с помощью echo

    echo $var;
    Соберем весь код вместе:

    <?

    $var = 'Здесь другой текст...<div style="color:red;">Здесь контент, который нужно удалить</div>и тут другой текст';


    if($_POST["idbut3"])

    {

      $var = preg_replace('#(<div style="color:red;">).*?(</div>)#', '', $var );

    }

    echo $var;

    ?>

    <form method="post" action="#result">

    <button name="idbut3" type="submit" value="1">Удали контент внутри тега </button>

    </form>

    Результат удаления содержания между тегами Php:

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


Последняя дата редактирования : 25.03.2021 11:16
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =
Теги:
Удалить между тегами

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
Марат :
08/04/2021 07:12
Сам афигеваю!
подробнее.
stream :
07/04/2021 05:56
Неплохо)
подробнее.
Марат :
24/03/2021 11:01
Да что вы!? За что обижаться то?Вы тот редкий человек, который смог написать! Вы молодец!Человек, же который не…
подробнее.
Виталий :
24/03/2021 06:05
Не стоит обижаться, люди могут не понимать что ошибка не критична. Может быть до конца не изучали…
подробнее.
Марат :
23/03/2021 02:09
Спасибо, за сообщение! В архив попал вариант, который был на тестировании и там остались некоторые…
подробнее.