使文本加粗 JS - HTML

在前端开发中，经常需要对文本进行样式的设置，而加粗文本是其中一个常见的需求。本文将介绍如何使用JS和HTML来实现使文本加粗的效果。

HTML标签

在HTML中，加粗文本的标签是<b>和<strong>，两者的语法结构类似，但是<strong>更强调文本的重要性，具有更强的语义化。

<p>这是一段<b>加粗文本</b></p>
<p>这是一段<strong>加粗并强调的文本</strong></p>

通过JS设置样式

除了使用HTML标签外，我们还可以使用JS来动态设置文本的样式。具体步骤如下：

1. 获取需要加粗的文本的DOM节点

let textNode = document.getElementById('text');

2. 设置文本样式

textNode.style.fontWeight = 'bold';

3. 将结果插入到HTML文档中

let result = '这是加粗的文本';
let formattedText = '<b>' + result + '</b>';
document.getElementById('result').innerHTML = formattedText;

Markdown格式返回结果

HTML标签实现

这是一段**加粗文本**，这是一段__加粗文本__和这是一段***加粗倾斜文本***。

JS动态设置样式

这是加粗的文本：**这是加粗的文本**