Question

正如标题中所述，如何更改给定HTML标记内的style属性的内容？

例如：

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

我有很多类似的html代码。我在js中写了这样的RegEx：

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

这可以更改表格标签，但实际上我只想删除“ margin-left”。我怎么用js做到这一点？

编辑：我使用summernote。当用户粘贴文本时，它会触发onPaste回调，并且我会清除脏标签和属性。

Answer 1

您不应该使用正则表达式解析HTML，请参见此http://changedDomain/test。

JavaScript完全可以完成您想要的事情，就像这样：

<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>

如何使用javascript中的正则表达式查找和替换特定HTML标记中的样式？

1 个答案: