javascript - 自动将类分配给新元素(使用父元素)

Question

我正在创建非常基本的框架，用于使用 javascript 将元素添加到 DOM，所以我从这里开始:

function newElement(tag, id, className, innerHtml) {}

一切都很好，直到 className 属性变得过于重复和困惑，而且我在某些位置还需要某些类。所以我基本上想自动将 CSS 类分配给我的元素。我想到有 Map 对象，带有类/id 的键，值作为字符串/数组，所以我最终像这样:

function newElement(parent, tag, id, innerHtml) {
  var e = document.createElement(tag);
  var testedAttributes = [parent.id, parent.className, id];
  for (var key of testedAttributes) {
    if app.classMap.has(key) {
      //check if app.classMap.get(key) is array
      //assign className by index
      //else assign by value
    }
  ..
  return e;
}

这样可以吗，或者我应该采取更好的方法来添加元素？比如，评估添加(事件)的类？

Answer 1

不要将创建元素的实用函数与将类放在某些事物上的应用程序逻辑混合在一起。相反，我建议为每个父元素编写一个 add 函数，并将预期的类放在通常创建的元素上，然后将它们附加到 DOM 的特定位置。

function newElement(tag, attributes, children) { … }

function addItem(element) {
     element.classList.add("item");
     app.itemParent.appendChild(element);
}