原生js+css怎么修改confirm按钮文字

使用原生 JavaScript 和 CSS 修改 confirm 按钮的文字需要先获取到 confirm 对话框中的按钮元素，然后通过修改该元素的 innerHTML 或者 textContent 属性来改变按钮的文本内容。

以下是一个示例代码：

<button onclick="showConfirm()">点击弹出 confirm 对话框</button>

<script>
function showConfirm() {
  // 弹出 confirm 对话框
  var result = confirm("确认修改吗？");
  if (result) {
    // 用户点击确认按钮时执行的操作
  } else {
    // 用户点击取消按钮时执行的操作
  }

  // 获取 confirm 对话框中的按钮元素
  var confirmBtn = document.querySelector(".confirm-button");

  // 修改按钮的文本内容
  confirmBtn.innerHTML = "已确认";
}
</script>

<style>
/* 修改 confirm 按钮的样式 */
.confirm-button {
  background-color: #4CAF50;
  color: white;
  padding: 10px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
</style>

在上面的代码中，我们首先定义了一个按钮，点击该按钮会弹出一个 confirm 对话框，然后获取到该对话框中的按钮元素，并通过 innerHTML 属性将按钮的文本内容修改为“已确认”。同时，我们还使用了 CSS 样式来美化 confirm 按钮的样式。