Skip to main content
se añadieron 202 caracteres en el cuerpo
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

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>

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:

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]);
<button class="clase-demo">Botón de prueba</button>

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>

Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

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:

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]);
<button class="clase-demo">Botón de prueba</button>