AJAX（Asynchronous JavaScript and XML）是一種前端技術，讓網頁能夠通過異步的方式與服務器進行通信，實現網頁無需刷新便可更新數據的功能。除了更新數據，AJAX 還可以修改網頁的樣式，例如通過修改 CSS 樣式來改變元素的外觀。本文將介紹如何使用 AJAX 修改 CSS 樣式，并通過舉例來說明其應用。

首先，我們需要一個具有需要修改樣式的元素的 HTML 頁面。假設我們的頁面有一個按鈕，并且想要通過 AJAX 來修改按鈕的背景顏色。我們可以給按鈕定義一個唯一的 ID，然后使用 JavaScript 代碼來找到該按鈕并修改其樣式。

// HTML 代碼
<button id="myButton">點擊我</button>
// JavaScript 代碼
var button = document.getElementById("myButton");
button.style.backgroundColor = "red";

在上面的例子中，我們通過 getElementById 方法找到 ID 為 "myButton" 的按鈕，并通過設置其 backgroundColor 屬性來修改按鈕的背景顏色為紅色。這樣，我們就成功使用 AJAX 修改了按鈕的樣式。

除了修改單個元素的樣式，我們也可以通過 AJAX 修改多個元素的樣式。例如，假設我們有一個導航欄，其中包含多個鏈接。我們想要通過 AJAX 修改被點擊鏈接的顏色，同時修改其他鏈接的顏色為默認顏色。

// HTML 代碼
<nav>
<a href="#" class="link">鏈接1</a>
<a href="#" class="link">鏈接2</a>
<a href="#" class="link">鏈接3</a>
</nav>
// JavaScript 代碼
var links = document.getElementsByClassName("link");
for (var i = 0; i< links.length; i++) {
links[i].addEventListener("click", function() {
for (var j = 0; j< links.length; j++) {
links[j].style.color = "black";
}
this.style.color = "blue";
});
}

在上面的例子中，我們使用了 getElementsByClassName 方法找到類名為 "link" 的所有鏈接元素，并對每個鏈接添加了一個點擊事件監聽器。在事件處理函數中，我們首先將所有鏈接的顏色設置為黑色，然后將點擊的鏈接的顏色設置為藍色。這樣，我們可以通過 AJAX 修改被點擊鏈接的樣式。

總結起來，AJAX 不僅可以用于更新數據，還可以用于修改網頁的樣式。通過找到需要修改樣式的元素，并使用 JavaScript 代碼來修改其樣式屬性，我們可以實現動態改變網頁外觀的功能。以上是兩個簡單的例子，只展示了 AJAX 修改樣式的基本原理，開發者們可以進一步擴展這些概念，應用于實際項目中。