使用JavaScript中的构建器模式方法在dom中构建标记

class TagBuilder {
  constructor(tagName) {
    this.element = document.createElement(tagName);
  }
  
  setAttribute(name, value) {
    this.element.setAttribute(name, value);
    return this;
  }
  
  setTextContent(text) {
    this.element.textContent = text;
    return this;
  }
  
  appendChild(child) {
    this.element.appendChild(child);
    return this;
  }
  
  build() {
    return this.element;
  }
}

// 使用构建器模式构建标记
const div = new TagBuilder('div')
  .setAttribute('id', 'myDiv')
  .setTextContent('Hello, World!')
  .build();

document.body.appendChild(div);