腾讯有很多网页应用，在页面中经常需要实现元素的显示和隐藏功能。请用原生 JavaScript 实现一个函数，当点击某个按钮时，切换指定元素的显示和隐藏状态。

答题要点

推荐的答题框架：运用事件驱动的思路，先获取元素，再绑定事件，最后实现功能。关键要点如下：1. 获取元素：通过 document.getElementById 等方法获取按钮和要操作的元素。2. 绑定事件：为按钮添加点击事件监听器。3. 切换状态：在事件处理函数中，根据元素的 display 属性切换其显示和隐藏状态。示例话术：我会先通过 document.getElementById 获取按钮和目标元素。然后，为按钮添加一个点击事件监听器。在事件处理函数中，判断目标元素的 display 属性，如果是 'none'，就将其改为 'block'，否则改为 'none'。代码如下：const button = document.getElementById('button'); const target = document.getElementById('target'); button.addEventListener('click', function() { if (target.style.display === 'none') { target.style.display = 'block'; } else { target.style.display = 'none'; } });