Vanilla JS -通过单击按钮隐藏和显示div的功能

Vanilla JS是指纯粹的JavaScript，即没有依赖任何框架或库的纯原生JavaScript编程。在Web开发中，Vanilla JS可以用于实现各种功能和交互效果。

对于通过单击按钮隐藏和显示div的功能，可以使用Vanilla JS来实现。以下是实现该功能的示例代码：

HTML部分：

<button id="toggleButton">Toggle Div</button>
<div id="myDiv">This is a div.</div>

JavaScript部分：

// 获取按钮和div元素
var toggleButton = document.getElementById("toggleButton");
var myDiv = document.getElementById("myDiv");

// 添加点击事件的监听器
toggleButton.addEventListener("click", function() {
    // 切换div的显示和隐藏状态
    if (myDiv.style.display === "none") {
        myDiv.style.display = "block";
    } else {
        myDiv.style.display = "none";
    }
});

上述代码中，首先通过document.getElementById方法获取到按钮和div元素，并将其分别赋值给toggleButton和myDiv变量。然后，使用addEventListener方法给按钮添加了一个点击事件的监听器。当按钮被点击时，监听器中的回调函数会执行。在回调函数中，通过判断div元素的style.display属性来切换其显示和隐藏状态。

这种通过单击按钮隐藏和显示div的功能常见于网页上的折叠展开效果或者切换内容显示的需求。

腾讯云相关产品中，与前端开发和Web应用部署相关的产品包括：

1. 腾讯云云服务器（CVM）：提供云端虚拟服务器，可以用于部署和运行Web应用。 产品链接：https://cloud.tencent.com/product/cvm
2. 腾讯云轻量应用服务器（Lighthouse）：提供轻量级、弹性可扩展的云端计算资源，适用于部署Web应用和API服务。 产品链接：https://cloud.tencent.com/product/lighthouse
3. 腾讯云云开发（Cloud Base）：提供一站式后端云服务，包括云函数、云数据库、云存储等，支持快速搭建和部署Web应用后端。 产品链接：https://cloud.tencent.com/product/tcb

以上是一些腾讯云相关产品的简介，适用于前端开发和Web应用部署的场景。使用这些产品可以帮助开发人员更方便地进行应用的开发、部署和运维工作。