JavaScript:如何检查 "HTMLUnknownElement"？

Question

我创建了一个用于创建 DOM 元素的函数:

function getHtmlElement(nodeName, attrs, innerHtml) {
  var ret = null;

  if (!nodeName || typeof nodeName !== 'string') {
    throw { message: 'No nodeName-parameter assigned.' }
  }

  attrs = attrs || '';
  innerHtml = innerHtml || '';

  ret = document.createElement(nodeName);

  attrs = attrs.split(/\s/g);

  if (attrs[0]) {
    attrs.forEach(function(attr) {
      attr = attr.split(/=/);

      if (attr[1]) {
        ret.setAttribute(attr[0], attr[1]);
      }
    });
  }

  ret.innerHTML = innerHtml;		

  return ret;
}

DOM 元素的类型被指定为函数的第一个参数。

例如:div、li、p、h1 ...

现在我想检查元素的创建是否有效。因为参数可能存在拼写错误(diiv)或完全无意义。

我知道存在名为“HTMLUnknownElement”的东西，我可以在元素创建后检查它。但我不知道怎么办。

HTMLUnknownElement 是新创建的 DOM 元素的属性吗？

如何检查 HTMLUnknownElement？

Answer 1

您可以检查创建的元素是否是 HTMLUnknownElement 的实例，如下所示:

ret instanceof HTMLUnknownElement