Как отличить собственный 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-text).

Я уже искал его в Google и здесь, но не повезло.

Мои попытки использовали constructor и instanceof, и это работает для некоторых элементов, как span, div, input и т.д., но это не работает для некоторых компонентов, которые не переопределяет в HTMLElement прототип. Какие-нибудь догадки?

Answer 1

Названия тегов с тире являются обычными.

См. Спецификацию http://w3c.github.io/webcomponents/spec/custom/