如何通过单击按钮获取div html中的文本值

通过单击按钮获取div html中的文本值可以通过以下步骤实现：

使用HTML和CSS创建一个包含按钮和目标div的页面结构。

<!DOCTYPE html>
<html>
<head>
  <title>获取div中的文本值</title>
  <style>
    .container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
    .button {
      padding: 10px 20px;
      background-color: #333;
      color: #fff;
      border: none;
      cursor: pointer;
    }
    .result {
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="result" id="resultDiv">这是要获取的文本值</div>
    <button class="button" onclick="getTextValue()">获取文本值</button>
  </div>
  <script>
    function getTextValue() {
      var divText = document.getElementById("resultDiv").innerText;
      alert("获取到的文本值是：" + divText);
    }
  </script>
</body>
</html>

JavaScript代码使用getElementById方法获取目标div元素的引用，并使用innerText属性获取div中的文本值。然后，你可以根据需求将文本值显示在页面上或执行其他操作。
在按钮的onclick事件处理程序中调用getTextValue()函数，以便在单击按钮时触发获取文本值的操作。

这样，当用户单击按钮时，会弹出一个包含目标div中文本值的警告框。

注意：该示例中使用了纯前端的方式获取div中的文本值，并不涉及后端开发、云计算等相关技术。