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)