使用JavaScript，我如何才能为我点击的每个新按钮替换我的div标签文本？

// 获取所有按钮元素
const buttons = document.querySelectorAll('button');

// 为每个按钮添加事件监听器
buttons.forEach(button => {
  button.addEventListener('click', function() {
    // 在这里执行替换div标签文本的操作
  });
});

button.addEventListener('click', function() {
  // 获取要替换文本的div元素
  const div = document.querySelector('div');

  // 设置新的文本内容
  div.textContent = '新的文本内容';
});

<button data-text="按钮1">按钮1</button>
<button data-text="按钮2">按钮2</button>
<button data-text="按钮3">按钮3</button>

button.addEventListener('click', function() {
  // 获取按钮的自定义属性值
  const buttonText = this.getAttribute('data-text');

  // 获取要替换文本的div元素
  const div = document.querySelector('div');

  // 设置新的文本内容
  div.textContent = buttonText;
});