PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布
首页
课程
路径
文章
PHP培训
精品课
下载

技术文章  >  web前端 > js教程

JavaScript bold方法入门实例（把指定文字显示为粗体）_基础知识

原创
2016-05-16 16:33:37 1646浏览

JavaScript bold 方法

lastIndexOf 方法返回使用 HTML b 标签定义的粗体字符串。其语法如下：

复制代码 代码如下:

str_object.bold()

提示：该方法不符合 ECMA 标准，不建议使用。

bold 方法实例

复制代码 代码如下:


运行该例子，输出：

复制代码 代码如下:

www.jb51.net

提示：该方法返回使用 HTML b 标签定义的粗体字符串，即使用该方法并不能动态的改变页面元素的字体为粗体。如果想动态改变元素字体为粗体，可参考下面的实例：

延伸阅读：改变页面元素字体大小

复制代码 代码如下:

function changFont( x ){
var font_style = x;
var article = document.getElementById("article");
if( typeof font_style == "string" ){
article.style.fontWeight = font_style;
} else {
article.style.fontSize = font_style;
}
}



正常 粗体
小号 大号



我是一些文字 ...

Some Text ...




在该例子中，通过 JavaScript 控制字体 CSS 样式的方式，可让显示字体（id="article"）在粗体、正常字体、小号字体与大号字体之间实时切换。

PHP课程HTML视频教程CSS视频JS视频教程Vue视频教程
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
上一条：JavaScript字符串对象substring方法入门实例（用于截取字符串）_基础知识 下一条：让IE8浏览器支持function.bind()方法_javascript技巧

相关文章

查看更多
  • 热门课程
打开APP，随时随地在线学习！