html 多行替换 Greasemonkey

如何解决html 多行替换 Greasemonkey

试图替换页面中的部分 html 代码。不幸的是，这些部分是多行的，我不能使用特定的 div ids/class，因为它们在其他地方的同一页面中使用（无法更改，不是我的错）

例如：

<div class="c2c" style="display: none;">
  <div class="left" style="height:12px;">
    <span >A test</span>
  </div>

即有中断和空格..

我已经试过了

document.body.innerHTML= document.body.innerHTML.replace(/<div class=\"c2c\" style=\"display: none;\">(\r\n|\r|\n)?\s*<div class=\"left\" style=\"height:12px;\">(\r\n|\r|\n)?\s*<span >A test<\/span>/g,"<div class=\"c2c\" style=\"display: block !important;\"><div class=\"left\" style=\"height:12px;\"><span >A test<\/span>");

还有一些其他的变化，但没有结果..

有什么想法吗？

谢谢