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

javascriptweb developmentfront end scripts

要设置字体大小,请使用 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>

相关文章