在網頁設計中，按鈕是常用的元素，常常用來實現一些交互功能。在很多情況下，我們需要實現按鈕切換內容的功能，這時我們可以使用HTML和JavaScript來實現。

首先，我們需要使用HTML定義按鈕和對應的內容區塊，代碼如下：

<button onclick="showContent('content1')">按鈕1</button>
<button onclick="showContent('content2')">按鈕2</button>
<div id="content1">
<p>內容1</p>
</div>
<div id="content2">
<p>內容2</p>
</div>

在上述代碼中，我們分別定義了兩個按鈕和兩個對應的內容區塊，按鈕的onclick事件調用了showContent()函數，并傳入對應的內容區塊的id。

接下來，我們需要使用JavaScript來定義showContent()函數，代碼如下：

function showContent(contentName) {
// 獲取所有內容區塊
var contents = document.getElementsByTagName('div');
// 遍歷內容區塊，隱藏所有除了傳入的參數對應的區塊外的區塊
for (var i = 0; i < contents.length; i++) {
if (contents[i].id === contentName) {
contents[i].style.display = 'block';
} else {
contents[i].style.display = 'none';
}
}
}

在showContent()函數中，我們首先獲取所有內容區塊，然后遍歷所有區塊，根據傳入的參數，隱藏所有除了傳入的參數對應的區塊外的區塊。這樣就實現了通過按鈕切換內容的功能。