javascript怎么实现加粗

这篇文章主要介绍了javascript怎么实现加粗，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

创新互联公司网站建设十年坚持，服务企业网站设计、响应式网站建设等网站建设服务。上1000+企业的合作经验，帮助我们为服务企业不断提升价值。为企业建设开发网站和维护，主推个性化定制型网站设计

javascript实现加粗的方法：1、使用p标签创建一行文字；2、通过指定id获得input对象；3、使用button标签创建一个按钮；4、通过执行addbold函数实现文本加粗即可。

本文操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript如何加粗?

js控制文本加粗：

新建一个html文件，命名为test.html，用于讲解js中怎么控制文本加粗。

在test.html文件内，使用p标签创建一行文字，文字内容为“这是测试的文字”。

在test.html文件内，设置p标签的id为myid，主要用于下面通过该id获得input对象。

在test.html文件内，使用button标签创建一个按钮，按钮名称为“文本加粗”。

在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行addbold（）函数。

在js标签中，创建addbold()函数，在函数内，使用getElementById()方法通过id(myid)获得p标签对象，设置其style下的fontWeight属性值为bolder，从而实现文本加粗。

在浏览器打开test.html文件，点击按钮，查看实现的效果。

感谢你能够认真阅读完这篇文章，希望小编分享的“javascript怎么实现加粗”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!

网站栏目：javascript怎么实现加粗
URL网址：https://www.cdcxhl.com/article4/pocoie.html

成都网站建设公司_创新互联，为您提供手机网站建设、ChatGPT、定制开发、外贸建站、网站设计、网站导航

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联