添加DOM数据属性值，每个按钮有不同的数据值

<button id="btn1" data-value="value1">Button 1</button>
<button id="btn2" data-value="value2">Button 2</button>
<button id="btn3" data-value="value3">Button 3</button>

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

// 遍历按钮并读取数据属性值
buttons.forEach(button => {
  const dataValue = button.getAttribute('data-value');
  console.log(`Button with ID ${button.id} has data value: ${dataValue}`);
  
  // 可以根据数据属性值执行不同的操作
  switch(dataValue) {
    case 'value1':
      // 执行特定操作
      break;
    case 'value2':
      // 执行其他操作
      break;
    case 'value3':
      // 执行更多操作
      break;
    default:
      // 默认操作
      break;
  }
});

// 修改特定按钮的数据属性值
const btnToUpdate = document.getElementById('btn1');
btnToUpdate.setAttribute('data-value', 'newValue');