JS: How to remove style tags and their content from an HTML string, using regular expressions?
Question
I need to remove the entire content of style tags from an html string, in multiple occurrences. I can't use a DOM parser for it.
How could i do this, in JavaScript?
4 answers
solution1
3 2018-09-06 21:03:18
var string = "<style>someHTMLStuff</style> non style <html>stuff</html>" var s = string.replace(/<style.*?<\\/style>/g, '') console.log(s);I am assuming you wanted the entire style tag removed, not just its contents
Edit: quotes
solution2
3 2020-06-23 17:59:41
For those that land here in 2020 this worked for me.
string.replace(/(<style[\w\W]+style>)/g, "")
As Bergi alluded to in the OP comments thought, this should be regarded as a last resort if there are no better options. RegEx is not the best way to deal with HTML.
solution3
0 2021-09-14 20:26:58
<style([\\S\\s]*?)>([\\S\\s]*?)<\\/style>
https://regex101.com/r/C28OPE/1
This worked for me even with multiple tags. credit
solution4
-1 2020-12-15 15:11:35
To replace all style attributes in a HTML element (innerHTML) :
<div id="el">
<p style="font-weight:bold">Line 1</p>
<p style="color:red">Line 2</p>
</div>
//script
let element = document.getElementById('el')
element.innerHTML.replace(/style=\".*"/gm,'')
This will remove all elements style attribute in element by id el.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.