07. HTML Elements

Input value refers to actual DOM elements in this context.

Standard HTML Elements

Custom HTML Elements

class MyElement extends HTMLElement {}
customElements.define("my-element", MyElement);

const v1 = document.createElement("my-element");
getType(v1) // "MyElement"
isCustomElement(v1); // true
isHtmlElement(v1); // true
isElement(v1); // true

// extending anything other than an HTML element (with "is")
class MyParagraph extends HTMLParagraphElement {}
customElements.define("my-paragraph", MyParagraph, { extends: 'p' });

const v2 = document.createElement("my-paragraph");
getType(v2) // "HTMLElement"
isCustomElement(v1); // true
isHtmlElement(v1); // true
isElement(v1); // true

NodeList and HTMLCollection

NodeList and HTMLCollection have a lot in common, but aren't exactly the same thing. If you need consistency between the two you can convert them to Arrays using Array.from().