HTML 中的 a 標簽是我們常用的元素之一，用來實現鏈接跳轉。但是默認情況下它只能以瀏覽器默認的樣式展示，這對于有時候需要自定義樣式的我們來說，顯得不太好。不過不用擔心，JavaScript 提供了一些操作 a 標簽的方法和屬性，下面就來說一說如何通過 JavaScript 來改變 a 標簽的樣式。 以改變 a 標簽顏色為例，我們可以在 js 中找到 a 元素，然后通過修改元素的屬性來改變元素的樣式。代碼如下:

const link = document.querySelector('a');
link.style.color = 'red';

這里我們通過 document.querySelector() 找到了第一個 a 標簽元素，然后通過修改元素的 style.color 屬性，將其顏色變為紅色。這樣，當鼠標懸浮在 a 標簽上時，它的顏色就會變為我們指定的紅色。 除此之外，我們還可以通過修改元素的 class 屬性，來改變 a 標簽的樣式。比如：

const link = document.querySelector('a');
link.className = 'highlight';

這里我們將 a 標簽的 class 屬性從原來的 class 替換成了“highlight”，可以在 CSS 文件中為“highlight”類定義我們想要的樣式。這樣，a 標簽就可以按照我們自己的樣式顯示了。 還有一種情況，假如我們希望 a 標簽跳轉時不會刷新整個頁面，而是采用頁面局部刷新的方式，我們可以使用 JavaScript 的事件監聽器來捕獲用戶點擊 a 標簽的事件，然后使用 AJAX 技術來進行局部刷新操作。

const links = document.querySelectorAll('a');
links.forEach(link =>{
link.addEventListener('click', e =>{
e.preventDefault();
const url = link.href;
fetch(url, { method: 'GET' })
.then(response =>response.text())
.then(data =>{
document.body.innerHTML = data;
});
});
});

這段代碼中，我們使用了 forEach 方法和事件監聽器來捕獲所有的 a 標簽，當用戶點擊其中一個標簽時，preventDefault() 方法能夠阻止元素進行默認操作（即跳轉到新頁面），然后使用 fetch 方法來發出一個 GET 請求，將返回的頁面內容替換掉當前頁面的 body 部分，實現了局部刷新。當然，在真正開發項目時，我們需要根據具體的需求來進行代碼的編寫。 總結來說，JavaScript 可以幫助我們輕松地修改 a 標簽的顏色、添加或刪除 class，還可以通過監聽用戶點擊事件進行局部刷新操作，這為我們的網站加入更多的自定義樣式和交互方式提供了更多的可能性。