如何將css屬性添加到innerhtml的span標簽

Question

我有一個內部html

讓我們說

<p [innerHtml]="billPayemnt"></p>並且賬單支付包含以下代碼

<p>
    <span>8218819999</span>
    <span>hello</span>
    </p>

問題是電話號碼中斷到第二行，所以我想將 white-space:nowrap 屬性添加到電話號碼標簽。

我怎樣才能做到這一點 ？？ 使用 jquery 或 javascript。

整個 html 內容來自我無法控制的 AEM 標簽。

使用 ngafterviewinit 我得到了 innerhtml 但不確定如何更新 css。

Answer 1

const span = element.querySelector('p > span:first-of-type')

添加顏色樣式

span.style.color = 'red'