如何在 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 次浏览

启动你的 职业生涯

完成课程，获得认证

开始学习
广告