JavaScript是一種廣泛使用的程式語言，可用於在網頁中實現各種互動效果和功能。其中，調整字體大小是網頁中較常見的操作。這篇文章將介紹JavaScript如何調整網頁中文字的大小。
一、使用DOM操作調整字體大小
DOM（文件物件模型）是JavaScript中重要的一部分，用於操作網頁中的內容。透過DOM，我們可以輕鬆地找到需要修改字體大小的元素，然後用.style.fontSize屬性調整它的大小。
首先，我們要找到需要修改大小的元素。可以透過id或class來取得需要修改大小的元素對象，例如：
<p id="paragraph">这是一个段落</p> <p class="text">这是另一个段落</p>
透過JavaScript中的getElementById方法和getElementsByClassName方法，我們可以取得這兩個元素物件：
var p1 = document.getElementById("paragraph"); //获取id为paragraph的元素对象
var p2 = document.getElementsByClassName("text")[0]; //获取class为text的元素对象数组，取出第一个元素接下來，我們可以透過.style.fontSize屬性來修改字體大小：
p1.style.fontSize = "20px"; //将id为paragraph的元素的字体大小设置为20px p2.style.fontSize = "16px"; //将class为text的元素的字体大小设置为16px
這樣就可以輕鬆實現調整字體大小的效果。
二、使用jQuery函式庫調整字體大小
jQuery是一種受歡迎的JavaScript函式庫，簡化了各種操作的步驟，讓JavaScript的程式設計變得更容易、更簡潔。使用jQuery庫調整字體大小可以減少程式碼量，並且可以跨瀏覽器相容。
在使用jQuery庫之前，需要將jQuery庫引入網頁中：
<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>
然後，我們可以透過jQuery中的選擇器來取得需要修改字體大小的元素，如下所示：
$("#paragraph").css("font-size","20px"); //将id为paragraph的元素的字体大小设置为20px
$(".text").css("font-size","16px"); //将class为text的元素的字体大小设置为16px使用jQuery庫不僅可以用.css方法來修改字體大小，還可以使用.animate方法實現更加絢麗的動畫效果。例如：
$("#paragraph").animate({fontSize: "20px"}, 1000); //用1000毫秒的时间将id为paragraph的元素的字体大小调整为20px
$(".text").animate({fontSize: "16px"}, 1000); //用1000毫秒的时间将class为text的元素的字体大小调整为16px三、使用CSS控製字體大小
除了使用JavaScript來控製字體大小外，還可以使用CSS樣式來實現字體大小的調整。透過在