js怎么可以显示隐藏字体的粗细

js可以显示隐藏字体的粗细的步骤：

1、新建一个html文件，命名为test.html，用于讲解js如何将字符串显示为粗体。

2、在script标签内，创建一个字符串变量，用于测试。

3、在script标签内，使用bold()方法将字符串的字体样式设置为粗体。

4、在script标签内，使用write输出结果。

5、在浏览器打开test.html文件，查看结果。

实现点击按钮文本框内文字加粗的方式有以下两种方式：

1、直接修改或者添加css样式：

$("button").click(function(){

  $("input").css("font-weight","bold")

})

2、添加相应的class类名使其加粗：

$("button").click(function(){

  $("input").addClass("fontbold")

}) .fontbold{font-weight:bold}

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<script>标签中，输入js代码：

$('td').click(function () {

$('td').css('font-weight', 'normal')

$(this).css('font-weight', 'bold')

})

3、浏览器运行index.html页面，点击“我是A”，此时字体会变粗。

4、再点击“我是B”，此时“我是A”的字体粗度恢复正常，“我是B”的字体变粗。

---