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

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

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

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

Скопировать ссылку



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

Здесь контент, который нужно удалить
Удали контент внутри тега
Скопировать ссылку



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

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



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

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

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

Удали контент внутри тега

Сообщение системы комментирования :

01.09.2021

Форма пока доступна только админу... скоро все заработает...надеюсь...