Javascript：在段落中動態添加粗體文本

Question

我正在嘗試通過Javascript將文本附加到網頁上，其中一些以粗體形式動態顯示。 但是粗體文本移到新行，而不是在同一行內。 我希望它在同一行。 這是輸出：

我的代碼是：

var paraNode = document.createElement('p');
paraNode.className = "card card-body";
var textToAppend = " Passenger Revenue for " + month + " " + year + ": " + String(totalValue).bold();
paraNode.innerHTML = textToAppend
notebookElement.appendChild(paraNode)

我也嘗試使用<strong>標記替換.bold()但結果是相同的。

Answer 1

我嘗試過，看起來不錯，我認為CSS可能是問題。

 var paraNode = document.createElement('p'); paraNode.className = "card card-body"; var textToAppend = " Passenger Revenue for " + String("34").bold(); paraNode.innerHTML = textToAppend document.body.appendChild(paraNode)