En Javascript (y en otros muchos lenguajes orientados a objetos) todos los objetos pertenecen a una clase. Y todas las clases son hijas (heredan) de la clase Object:
let array = [1,2];
let obj = {};
console.log(array instanceof Array);
console.log(array instanceof Object);
console.log(obj instanceof Object);
Por tanto, un botón en un documento HTML, al ser representado en el DOM como una instancia de la clase HTMLButtonElement
, es un objeto. Y lo mismo pasa con todos y cada uno de los elementos del DOM.
Un atributo de un objeto/nodo puede ser a su vez un objeto. Pero recuerda: en Javascript no todo es un objeto, hay tipos básicos (number
, string
, boolean
) que no son objetos:
const obj1 = {
atributo1: [1,2]
};
console.log(obj1.atributo1 instanceof Array);
const boton = document.querySelector('button');
console.log(boton instanceof HTMLButtonElement);
const clases = boton.classList;
console.log(clases instanceof DOMTokenList);
console.log(clases[0]);
console.log(clases[0] instanceof Object);
console.log(typeof clases[0]);
<button class="clase-demo">Botón de prueba</button>