JavaScript 按鈕切換 JavaScript 是一種用于網頁編程的語言，它可以讓網頁更加交互式，而按鈕切換功能則是 JavaScript 常用功能之一。舉個例子，假如我們想要在網頁上添加一個按鈕，點擊之后能夠切換圖片。那么我們該如何使用 JavaScript 實現這個功能呢？ 首先，我們需要準備一些圖片，并且將它們放在網頁中。我們使用 img 標簽來實現這個功能，需要給它們分別起一個 id，以便于在 JavaScript 中引用它們。

<img id="image1" src="image1.jpg">
<img id="image2" src="image2.jpg">

接下來，我們來編寫 JavaScript 代碼。我們需要給按鈕添加事件監聽器，一旦用戶點擊按鈕，就會觸發切換圖片的功能。我們可以使用一個變量來保存當前顯示的圖片是哪一張，然后在點擊按鈕的時候切換這個變量的值，從而在圖片之間進行切換。

var currentImage = 1;
var btn = document.getElementById("button");
btn.addEventListener("click", function() {
if (currentImage === 1) {
document.getElementById("image1").style.display = "none";
document.getElementById("image2").style.display = "block";
currentImage = 2;
} else {
document.getElementById("image1").style.display = "block";
document.getElementById("image2").style.display = "none";
currentImage = 1;
}
});

在上面的代碼中，我們首先創建了一個名為 currentImage 的變量，并將其初始化為 1。然后，我們使用 document.getElementById() 方法來獲取按鈕元素，并將一個事件監聽器添加到它上面。當用戶點擊按鈕時，我們先判斷當前顯示的圖片是哪一張，然后通過改變圖片的樣式來實現切換。最后，我們更新 currentImage 變量的值以反映最新狀態。 總結 JavaScript 按鈕切換是一種常用的功能，可以讓網頁更加交互式。通過這篇文章，我們學習了如何使用 JavaScript 實現按鈕切換圖片的功能，并且了解了一些基本的 JavaScript 語法和使用方法。希望這篇文章對你有所幫助，多寫代碼，多練習，加油！