如何用 JavaScript 设置文本字体大小?


要设置字体大小,请使用 JavaScript 中的fontSize属性。你可以尝试运行以下代码,以使用 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 Family and Size</button>
      
      <script>
         function display() {
            document.getElementById("myID").style.fontFamily = "verdana,sans-serif";
            document.getElementById("myID").style.fontSize = "smaller";
         }
      </script>
      
   </body>
</html>

更新日期: 30-Jul-2019

799 次浏览

开启你的 职业生涯

完成课程即可获得认证

开始学习
广告