用dom实现按钮复制图片和更改图片

好的，如果你想使用 DOM 来实现按钮复制图片和更改图片，你可以使用以下代码：

const img = document.querySelector('img');
const btnCopy = document.querySelector('#btn-copy');
const btnChange = document.querySelector('#btn-change');

// 复制图片
btnCopy.addEventListener('click', () => {
  const canvas = document.createElement('canvas');
  canvas.width = img.width;
  canvas.height = img.height;
  const ctx = canvas.getContext('2d');
  ctx.drawImage(img, 0, 0);
  canvas.toBlob((blob) => {
    const item = new ClipboardItem({ 'image/png': blob });
    navigator.clipboard.write([item]).then(() => {
      console.log('Image copied to clipboard');
    });
  });
});

// 更改图片
btnChange.addEventListener('click', () => {
  img.src = 'new-image.jpg';
});

这段代码与前面提供的代码类似，只是使用了 DOM API 来获取按钮元素并监听点击事件。按钮元素的选择器可以根据你的实际情况进行修改。