如何用 JavaScript 在一个声明中同时设置 fontStyle、fontVariant、fontWeight、fontSize、lineHeight 和 fontFamily?


若要设置所有字体属性,请使用 JavaScript 的 font 属性。可以尝试运行以下代码,通过一个 JavaScript 声明来设置所有字体属性 −

示例

实时演示

<!DOCTYPE html>
<html>
   <body>
      <h1>Heading 1</h1>
      <p id="myID">
         This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text.
         This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text.
      </p>
      <button type="button" onclick="display()">Set Font</button>
      <script>
         function display() {
            document.getElementById("myID").style.font = "italic 15px verdana,sans-serif";
         }
      </script>
   </body>
</html>

更新于: 2020 年 6 月 23 日

78 浏览次数

开启你的 职业生涯

完成课程后获得认证

开始
广告
© . All rights reserved.