Javascript 在DOM中加粗文本节点

我试图在我的段落中加粗，但不确定到底要附加什么。这是我的密码

<p id="para">
  Hello World
</p>

var para = document.getElementById('para');
var bold = document.createElement('STRONG');

para.appendChild(bold);

你好，世界

var para=document.getElementById（'para'）；
var bold=document.createElement（'STRONG'）；
第2段（粗体）；

有什么想法吗

---

谢谢

您根本不需要担心附加新节点；只需通过JavaScript的

fontWeight

更改字体大小：

document.getElementById（“para”）.style.fontwweight=“bold”

你好，世界
元素必须包含一个textnode


var para=document.getElementById（'para'），
bold=document.createElement（'strong'），
textnode=document.createTextNode（“我是粗体的！”）；
bold.appendChild（textnode）；
第2段（粗体）

你好，世界
用
strong
元素替换文本内容：

// Get paragraph element
var para = document.getElementById('para');

// Create a strong node
var bold = document.createElement('strong');

// Get first child element of paragraph which is a text node
var textNode = para.firstChild;

// Append text to new strong node
bold.appendChild(document.createTextNode(textNode.nodeValue));

// Replace old text node with new strong node
para.replaceChild(bold, textNode);

JS小提琴演示：

仅CSS方法：

使用JavaScript方法设计样式：
尽量将关注点分开。创建一个css类并应用它

// in your css
.bold {
    font-weight: bold;
}

// in your javascript
para.className = 'bold';

这会将
附加到您的段落标记中。。。它不会将内容包装在其中。。。。也许是这样的？这将复制内容，构建强标记，准备添加，清除现有内容，然后用构建的强标记替换。为什么不使用CSS来设置它的样式呢？我试图从不同的角度来挑战自己。