import isElement from './isElement'
import hasClass from './hasClass'

/**
 * 替换 DOM 节点的样式类
 * ========================================================================
 * @method replaceClass
 * @see https://developer.mozilla.org/zh-CN/docs/Web/API/Element/classList
 * @see https://developer.mozilla.org/en-US/docs/Web/API/DOMTokenList/replace
 * @param {HTMLElement} el - 要替换样式的 DOM 节点
 * @param {String} oldCls - 要替换的目标样式名称
 * @param {String} newCls - 新的样式名称
 */
const replaceClass = (el, oldCls, newCls) => {
  let allClass
  let classList

  if (!isElement(el)) {
    return false
  }

  allClass = el.className

  if (!allClass || !hasClass(el, oldCls)) {
    return false
  }

  classList = el.classList

  if (classList?.replace) {
    classList.replace(oldCls, newCls)
  } else {
    el.className = allClass.replace(oldCls, newCls)
  }
}

export default replaceClass