JavaScript: регулярное выражение для удаления строки из одного тега в другой

Question

JavaScript: регулярное выражение для удаления строки из одного тега в другой

1

У меня есть строка

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<style>body p{max-width: 100% !important;height: auto!important;} div{max-width: 100% !important;height: auto!important;}span{max-width: 100% !important;height: auto!important;} h1{max-width:100% !important; height: auto!important;}h2{max-width: 100% !important;height: auto!important;}h3{max-width: 100% !important;height: auto!important;}h4{max-width: 100% !important;height: auto!important;}h5{max-width: 100% !important;height: auto!important;} img{max-width: 100% !important;height: auto!important;}iframe{max-width:100% !important;height: auto!important;}
</style><span style="background-color: rgb(68, 68, 255);">#followforfollow #likeforlike yo!</span>
<h2></h2>
<h3></h3>
<h2></h2>
<h1></h1><u></u>

в этом я хочу удалить все внутри тегов стиля. Может ли кто-нибудь сказать мне оптимальное решение. Ожидаемый результат:

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<span style="background-color: rgb(68, 68, 255);">#followforfollow #likeforlike yo!</span>
<h2></h2>
<h3></h3>
<h2></h2>
<h1></h1><u></u>

Bobin Singla 06 янв. 2018, в 13:00

Источник

2

пожалуйста, добавьте то, что вы пытались удалить до сих пор.
Barbaros Özhan 06 янв. 2018, в 11:27

Теги:

javascript

regex

3 ответа

2

Нет необходимости в регулярном выражении, так как существуют доступные методы DOM.

Создайте элемент dummy div и используйте querySelector для удаления элемента дочернего style.

var div = document.createElement( "div" );
div.innerHTML = str; //your input string
div.removeChild( div.querySelector( "style" ) );
console.log( div.innerHTML );

демонстрация

var str = '<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<style>body p{max-width: 100% !important;height: auto!important;} div{max-width: 100% !important;height: auto!important;}span{max-width: 100% !important;height: auto!important;} h1{max-width:100% !important; height: auto!important;}h2{max-width: 100% !important;height: auto!important;}h3{max-width: 100% !important;height: auto!important;}h4{max-width: 100% !important;height: auto!important;}h5{max-width: 100% !important;height: auto!important;} img{max-width: 100% !important;height: auto!important;}iframe{max-width:100% !important;height: auto!important;}
</style><span style="background-color: rgb(68, 68, 255);">#followforfollow #likeforlike yo!</span>
<h2></h2>
<h3></h3>
<h2></h2>
<h1></h1><u></u>';

var div = document.createElement( "div" );
div.innerHTML = str;
div.removeChild( div.querySelector( "style" ) );
console.log( div.innerHTML );

gurvinder372 06 янв. 2018, в 09:38

0

Нет необходимости удлинять код, когда вы можете достичь этого с помощью regex
Ankit Agarwal 06 янв. 2018, в 11:42
0

3 строки кода длинны?
gurvinder372 06 янв. 2018, в 11:42
0

Да, это по сравнению с одним.
Ankit Agarwal 06 янв. 2018, в 11:43
0

А также ОП просит решение регулярных выражений
Ankit Agarwal 06 янв. 2018, в 11:43
0

Я имел в виду, что это не достаточно долго, чтобы стать нечитаемым и в любом случае более читабельным, чем решение регулярных выражений.
gurvinder372 06 янв. 2018, в 11:46
0

Я согласен, что читаемая часть, но OP хочет регулярное выражение, поэтому я сказал
Ankit Agarwal 06 янв. 2018, в 11:56

Показать ещё 4 комментария

0

Если вы можете использовать jquery, вам не нужно использовать регулярное выражение.

$(document).ready(function(){
 $('style').remove();
});

ninesalt 06 янв. 2018, в 08:27

Ещё вопросы

пожалуйста, добавьте то, что вы пытались удалить до сих пор.
Нет необходимости удлинять код, когда вы можете достичь этого с помощью regex
А также ОП просит решение регулярных выражений
Я имел в виду, что это не достаточно долго, чтобы стать нечитаемым и в любом случае более читабельным, чем решение регулярных выражений.
Я согласен, что читаемая часть, но OP хочет регулярное выражение, поэтому я сказал

Ankit Agarwal · Accepted Answer · 2018-01-06T10-21-00.000Z

Вот регулярное выражение, которое вы ищете. Короткие и простые.

var str = '<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<style>body p{max-width: 100% !important;height: auto!important;} div{max-width: 100% !important;height: auto!important;}span{max-width: 100% !important;height: auto!important;} h1{max-width:100% !important; height: auto!important;}h2{max-width: 100% !important;height: auto!important;}h3{max-width: 100% !important;height: auto!important;}h4{max-width: 100% !important;height: auto!important;}h5{max-width: 100% !important;height: auto!important;} img{max-width: 100% !important;height: auto!important;}iframe{max-width:100% !important;height: auto!important;}
</style><span style="background-color: rgb(68, 68, 255);">#followforfollow #likeforlike yo!</span>
<h2></h2>
<h3></h3>
<h2></h2>
<h1></h1><u></u>';

//replace everything between <span></span>
str = str.replace(/<style>(.|\r?\n)*<\/style\>/,'');
console.log(str);