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)