内部html更改所有html标签上的字体大小

Question

＆＃13;

＆＃13;

<div>
<p style="margin: 0in 0in 0.0001pt; text-align: center; font-size: 18pt; font-family: 'Times New Roman', serif; font-weight: bold;"><span style="font-size: 10.0pt; font-family: Verdana, sans-serif;">Hello test</span></p>
<p style="margin: 0in 0in 0.0001pt; font-size: 12pt; font-family: 'Times New Roman', serif;"><span style="font-size: 8.0pt; font-family: Verdana, sans-serif;">&nbsp;</span></p>
<p style="text-align: justify; margin: 0in 0in 0.0001pt; font-size: 12pt; font-family: 'Times New Roman', serif;"><span style="font-size: 6.5pt; font-family: Verdana, sans-serif;">Testing font<strong></p>
</div>

＆＃13;

＆＃13;

＆＃13;

我有一个像上面那样的innerhtml有一种方法我可以改变所有字体大小而不使用正则表达式

Answer 1

您可以使用字符串替换方法。

e.g。

      let html = `<div><p style="margin: 0in 0in 0.0001pt;      
                    text-align: center; font-size: 18pt; font-family: 
                   'Times New Roman ...... </div>` 
      let newHtml = html.replace('font-size: 18pt', 'font-size: 
                    '20pt'); 

然后在视图页面中渲染newHtml。

     <div [innerHtml]="newHtml"> </div>