如何在纯Javascript中将对象与DOM元素相关联？

// HTML
<button id="myButton">Click me</button>

// JavaScript
const myButton = document.getElementById('myButton');
const myObject = {
  handleClick: function() {
    console.log('Button clicked!');
  }
};

myButton.addEventListener('click', myObject.handleClick);

// HTML
<div id="myDiv" data-object="myObject"></div>

// JavaScript
const myDiv = document.getElementById('myDiv');
const myObject = {
  message: 'Hello, world!',
  showMessage: function() {
    console.log(this.message);
  }
};

// 将对象存储在data属性中
myDiv.dataset.object = JSON.stringify(myObject);

// 获取对象并调用方法
const storedObject = JSON.parse(myDiv.dataset.object);
storedObject.showMessage();