Javascript 如何区分原生HTMLElement与创建/自定义HTMLElement？

假设我有以下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>

我的第一份菜单
我的第二份菜单

我的头衔
我的文字
版权所有©2015

当我循环所有元素时，我想知道元素（例如

nav

）是本机HTMLElement还是已创建的HTMLElement（例如

my Beautive text

）

我已经在谷歌和这里搜索过了，但没有找到幸运儿

---

我的尝试是使用

构造函数

和

实例

，它适用于某些元素，如

span

、

div

、

input

等，但它不适用于不覆盖

HTMLElement

原型的某些组件。有什么猜测吗？

带破折号的标记名是自定义的

参见规格