JavaScript 点击按钮显示隐藏元素 - 完整教程及示例代码

要实现点击按钮显示隐藏元素的功能，可以使用 JavaScript 来操作 DOM。具体步骤如下：

1. 首先获取需要控制显示的元素，可以通过 id 或 class 来获取。

2. 获取控制显示的按钮，也可以通过 id 或 class 来获取。

3. 给按钮添加一个点击事件，当点击按钮时，执行一个函数。

4. 在函数中获取需要控制显示的元素的 style 属性，并设置其 display 属性为 'block'（或其他需要显示的属性）。

以下是示例代码：

HTML 部分：

<button id='showBtn'>显示元素</button>
<div id='hiddenDiv' style='display:none;'>这是需要显示的元素</div>

JavaScript 部分：

var showBtn = document.getElementById('showBtn');
var hiddenDiv = document.getElementById('hiddenDiv');

showBtn.onclick = function() {
  hiddenDiv.style.display = 'block';
};

在这个例子中，点击按钮后，hiddenDiv 元素的 display 属性将被设置为 'block'，从而显示出来。