Javascript OOP问题更改元素属性

// 创建一个对象
var element = {
  // 属性
  id: "myElement",
  // 方法：更改元素的文本内容
  changeText: function(newText) {
    var el = document.getElementById(this.id);
    el.textContent = newText;
  },
  // 方法：更改元素的样式
  changeStyle: function(property, value) {
    var el = document.getElementById(this.id);
    el.style[property] = value;
  },
  // 方法：添加事件监听器
  addEventListener: function(event, handler) {
    var el = document.getElementById(this.id);
    el.addEventListener(event, handler);
  }
};

// 使用对象的方法来更改元素属性
element.changeText("Hello, World!");
element.changeStyle("color", "red");
element.addEventListener("click", function() {
  alert("Element clicked!");
});