如何用js实现字体转移

 时间:2026-02-13 13:17:30

1、打开Sublime text 3,新建一个html文档

并且定义一下基本的框架。

同时另外创建一个js文档

如何用js实现字体转移

2、<h1>The first one</h1>

<h2>The second one</h2>

<h3>The third one</h3>

先创建三句话作为示范。

如何用js实现字体转移

如何用js实现字体转移

3、这个时候在标签里面加上id

然后在下面加入:

<script src="js文件名"></script>

然后编写js代码。

var colorful = document.getElementById("colorful");

colorful.style.color = "blue";

这个时候可以看到字体变为蓝色。转移字体颜色。

如何用js实现字体转移

如何用js实现字体转移

4、var fz = document.getElementById("fz");

fz.style.fontSize = "50px";

我们还可以转移字体的大小。

如何用js实现字体转移

如何用js实现字体转移

5、var ff = document.getElementById("ff");

ff.style.fontFamily = "Impact";

也可以转移字体,不同字体有不同名字。

如何用js实现字体转移

如何用js实现字体转移

6、var fs = document.getElementById("fs");

fs.style.fontStyle = "italic";

这样可以转移字体的样式,比如斜体。

如何用js实现字体转移

如何用js实现字体转移

  • 如何用CSS修改不同input标签的样式
  • html+css3实现文字环绕旋转特效
  • 前端编程-用浏览器自带的取色功能快速拾取颜色
  • HTML教程 table标签的常用属性
  • Windows Server 2012 R2怎么配置为DNS服务器?
  • 热门搜索
    腾达路由器怎么样 宽带路由器 东方旅游 如何接吻 日本车怎么样 如何发海参 如何让胸部变小 福特新蒙迪欧怎么样 如何护理头发 苦瓜怎么吃减肥