javascript - 如何区分原生 HTMLElement 和创建/自定义的 HTMLElement？

Question

假设我有以下 HTML 代码:

<header>
  <nav>
    <ul>
      <li>My first menu</li>
      <li>My second menu</li>
    </ul>
  </nav>
<header>
<main>
  <section>
    <h2>My title</h2>
    <my-beautiful-text>My text</my-beautiful-text>
  </section>
</main>
<footer>
  Copyright © 2015
</footer>

当我循环所有元素时，我想知道元素(例如 nav)是原生 HTMLElement 还是创建的元素(例如 my-beautiful-文本).

我已经在 Google 和此处搜索过它，但运气不佳。

我尝试使用 constructor 和 instanceof，它适用于某些元素，例如 span、div、input 等，但它不适用于某些未覆盖 HTMLElement 原型(prototype)的组件。有什么猜测吗？

Answer 1

带有破折号的标签名称是自定义的。

参见规范 http://w3c.github.io/webcomponents/spec/custom/