How can i find and replace style in specific HTML tag with regex in javascript?

Question

As I mentioned in the title, how can I change the contents of the style attribute within a given HTML tag?

for example:

<table class="MsoTableLightShadingAccent1" border="1" cellspacing="0" cellpadding="0" style="margin-left: 45.9pt; border: none;">

I have got many html code like that. I wrote an RegEx like that in js:

str = str.replace(/(<(?:table)[^<]*)(style="[^"]*")([^>]*>)/gi,'<table style="font-size:medium;">');

this can change table tag but actually i want to delete only "margin-left". How can i do that with js?

Edit: I use summernote. When user paste a text, it triggers onPaste callback and i clean dirty tags and attributes.

Answer 1

You shouldn't parse HTML with regex, see this famous answer .

JavaScript is perfectly capable of doing what you want though, something like this:

<div id="someID" style="height: 50px; width: 50px; background-color: red; margin-left: 50px;"></div>

<button type="button" onclick="document.getElementById('someID').style.marginLeft = 0;">Click Me!</button>