create-element-helper

A helper for `document.createElement()` that can be loaded into a script with `require`.

이 스크립트는 직접 설치하는 용도가 아닙니다. 다른 스크립트에서 메타 지시문 // @require https://update.greasyfork.org/scripts/559372/1716611/create-element-helper.js을(를) 사용하여 포함하는 라이브러리입니다.

질문 또는 리뷰 남기기, 또는 스크립트 신고하기.

줄 바꿈

function tag(name) {
  return {
    elem: document.createElement(name),

    id: function(v) {
      this.elem.setAttribute('id', v)
      return this
    },

    attr: function(k, v) {
      this.elem.setAttribute(k, v)
      return this
    },

    style: function(k, v) {
      this.elem.style[k] = v
      return this
    },

    cssClass: function(v) {
      this.elem.classList.add(v)
      return this
    },

    href: function(v) {
      this.elem.setAttribute('href', v)
      return this
    },

    value: function(v) {
      this.elem.value = v
      return this
    },

    checked: function(v) {
      this.elem.checked = !!v
      return this
    },

    text: function(v) {
      this.elem.textContent = v
      return this
    },

    on: function(name, handler, options = {}) {
      this.elem.addEventListener(name, handler, options)
      return this
    },

    append: function(child) {
      this.elem.appendChild(child.elem || child)
      return this
    },

    create: function() {
      return this.elem
    },

    end: function() {
      return this.elem
    },
  }
}