JS Удалить часть HTML кода

355

18 февраля 2017, 07:19

Как найти в коде страницы и удалить одинаковые фрагменты кода? Если быть точным - то вот такие фрагменты:

<span style="COLOR:GRAY; TEXT-DECORATION:NONE;">опубликовано:</span>

Только не содержимое блоков, а полностью блоки удалить.

Answer 1

<script>
  var regex = /(<span style="COLOR:GRAY; TEXT-DECORATION:NONE;">).*(<\/span>)/ig;
  //удалит все серые "Опубликовано"
  document.body.innerHTML = document.body.innerHTML.replace(regex, "");
</script>

Рабочий пример тут https://jsfiddle.net/k0tcwdw8/

Answer 2

function deleteSpan() { 
  var regex = /<span style="COLOR:GRAY; TEXT-DECORATION:NONE;">опубликовано:<\/span>/g; 
  document.body.innerHTML = document.body.innerHTML.replace(regex, ''); 
}

<div> 
  <span style="COLOR:GRAY; TEXT-DECORATION:NONE;">опубликовано:</span> 
  <br/> 
  <span style="COLOR:GRAY; TEXT-DECORATION:NONE;">будет опубликовано:</span> 
  <br/> 
  <span style="COLOR:GRAY; TEXT-DECORATION:NONE;">опубликовано:</span> 
</div> 
<div> 
  <span style="COLOR:GRAY; TEXT-DECORATION:NONE;">опубликовано:</span> 
  <br/> 
  <span style="COLOR:GRAY; TEXT-DECORATION:NONE;">будет опубликовано:</span> 
  <br/> 
  <span style="COLOR:GRAY; TEXT-DECORATION:NONE;">опубликовано:</span> 
</div> 
<button onclick="deleteSpan()">Delete</button>

Answer 3

<span style="COLOR:GRAY; TEXT-DECORATION:NONE;">опубликовано:</span>

<script type="text/javascript">
var regex = /<span.+?="COLOR:GRAY.+<\/span>/ig;
document.body.innerHTML = document.body.innerHTML.replace(regex,"");
</script>

Answer 4

   function strip_tags( str ){  
        return str.replace(/<\/?[^>]+>/gi, '');
    }

А потом использовать вот так

strip_tags('<span style="COLOR:GRAY; TEXT-DECORATION:NONE;">опубликовано:</span>');

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Invalid CSS after “…rder-bottom: 0;”: expected "

Получаю такую ошибку, при сборке проекта, на этапе компиляции css из sassНикак не пойму что это может означать ?

370

CSS

Группировка css-селекторов Gulp

Я использую сетку smart-grid и group-css-media-queriesВсё группируется по медиа-запросам, всё хорошо, но на выходе есть одна проблема (её масштаб зависит...

969

c++

Что означает данная запись

Пытаюсь методом подбора понять что это и как это используется

400

c++

Конвертировать PTYPE в Double [требует правки]

Написал код, однако он выводит такую ошибку:

522