Method createElement

src/View.js:19–52

* Creates element with given tag, attributes and children. * @param {string} type * @param {object} attributes * @param {string|HTMLElement|HTMLElement[]} children * @return {HTMLElement}

(type, attributes = {}, children = null)

   * @return {HTMLElement}
   */
  static createElement (type, attributes = {}, children = null) {
    const $element = document.createElement(type)

    // set element attributes
    Object.keys(attributes).forEach(name => {
      const value = attributes[name]
      if (nonStandardAttributes[name] === undefined) {
        // lowercase event attributes
        const attributeName =
          name.indexOf('on') === 0
            ? name.toLowerCase()
            : name
        $element[attributeName] = value
      } else {
        // set non-standard attribute
        $element.setAttribute(nonStandardAttributes[name], value)
      }
    })

    // append children
    if (children !== null) {
      switch (Object.prototype.toString.call(children)) {
        case '[object String]':
          $element.innerText = children
          break
        case '[object Array]':
          children.forEach($child => $child && $element.appendChild($child))
          break
        default:
          $element.appendChild(children)
      }
    }
    return $element
  }

  /**
   * View constructor