Skip to main content
se eliminaron 3 caracteres en el cuerpo
Origen Enlace
Benito-B
  • 4.2k
  • 3
  • 14
  • 28

Basándonos del error

Uncaught TypeError: Cannot read property 'atributo' of undefined

Este error es muy comun estas intentando acceder a un elemento que no existe o su valor es undefined

console.info("Ejemplo de acceso a un elemento del DOM que existe")
const div_existe = document.getElementById("existe")
console.log("div=", div_existe)
console.log("atributo div=" , div_existe.innerHTML) 
//caso que no existe 
console.info("Intentando Acceder a un elemento que NO Existe")
const div_no_existe = document.getElementById("no_existe")
console.log("div=", div_no_existe)
console.log("atributo div=", div_no_existe.innerHTML) //linea de error
<div id="existe">chispas!!!</div>

El error significa que no puedes acceder a esa propiedad, pero ¿por qué?

En el ejemplo que colocastes obj1 esta declarado pero no utilizado, veamos el tipo de dato que nos arroja la prueba

let obj1,obj2;
obj2 = {
  atributo: 'texto'
};
console.log("obj1->" , typeof(obj1));
console.log("obj2->" , typeof(obj2));

¿Como solucionarlo?

Para que de este error la el valor de las variables deben ser null o undefined, lo que puedes hacer es lo siguiente:

  • Verificar si el objeto esta declarado
  • La asignación a tu Objeto no reciba parámetros null o undefined
  • Si usas una librería externa verificar que este bien importada

let libreriaExterna 
libreriaExterna.top = 3;

  • Validar si el atributo existe (en el peor de los casos que tu objeto sea muy variable)

let obj1 ,obj2
obj2 = {
  atributo: 'texto'
};

console.log("obj1: ¿está definido?" , typeof obj1 !== 'undefined');
console.log("obj2: ¿está definido?" , typeof obj2 !== 'undefined');
console.log("obj2.atributo: ¿está definido?" , typeof obj2.atributo !== 'undefined');

  • Controlarlos con un Try/Cath(Javascript tiene eso? sí)

let obj1,obj2;
obj2 = {
  atributo: 'texto'
};
try{
console.log(obj1.atributo);
}catch(e){
console.error(e.message," porque no existe el objeto");

}

Basándonos del error

Uncaught TypeError: Cannot read property 'atributo' of undefined

Este error es muy comun estas intentando acceder a un elemento que no existe o su valor es undefined

console.info("Ejemplo de acceso a un elemento del DOM que existe")
const div_existe = document.getElementById("existe")
console.log("div=", div_existe)
console.log("atributo div=" , div_existe.innerHTML) 
//caso que no existe 
console.info("Intentando Acceder a un elemento que NO Existe")
const div_no_existe = document.getElementById("no_existe")
console.log("div=", div_no_existe)
console.log("atributo div=", div_no_existe.innerHTML) //linea de error
<div id="existe">chispas!!!</div>

El error significa que no puedes acceder a esa propiedad, pero ¿por qué?

En el ejemplo que colocastes obj1 esta declarado pero no utilizado, veamos el tipo de dato que nos arroja la prueba

let obj1,obj2;
obj2 = {
  atributo: 'texto'
};
console.log("obj1->" , typeof(obj1));
console.log("obj2->" , typeof(obj2));

¿Como solucionarlo?

Para que de este error la el valor de las variables deben ser null o undefined, lo que puedes hacer es lo siguiente:

  • Verificar si el objeto esta declarado
  • La asignación a tu Objeto no reciba parámetros null o undefined
  • Si usas una librería externa verificar que este bien importada

let libreriaExterna 
libreriaExterna.top = 3;

  • Validar si el atributo existe (en el peor de los casos que tu objeto sea muy variable)

let obj1 ,obj2
obj2 = {
  atributo: 'texto'
};

console.log("obj1: ¿está definido?" , typeof obj1 !== 'undefined');
console.log("obj2: ¿está definido?" , typeof obj2 !== 'undefined');
console.log("obj2.atributo: ¿está definido?" , typeof obj2.atributo !== 'undefined');

  • Controlarlos con un Try/Cath(Javascript tiene eso? sí)

let obj1,obj2;
obj2 = {
  atributo: 'texto'
};
try{
console.log(obj1.atributo);
}catch(e){
console.error(e.message," porque no existe el objeto");

}

Basándonos del error

Uncaught TypeError: Cannot read property 'atributo' of undefined

Este error es muy comun estas intentando acceder a un elemento que no existe o su valor es undefined

console.info("Ejemplo de acceso a un elemento del DOM que existe")
const div_existe = document.getElementById("existe")
console.log("div=", div_existe)
console.log("atributo div=" , div_existe.innerHTML) 
//caso que no existe 
console.info("Intentando Acceder a un elemento que NO Existe")
const div_no_existe = document.getElementById("no_existe")
console.log("div=", div_no_existe)
console.log("atributo div=", div_no_existe.innerHTML) //linea de error
<div id="existe">chispas!!!</div>

El error significa que no puedes acceder a esa propiedad, pero ¿por qué?

En el ejemplo que colocastes obj1 esta declarado pero no utilizado, veamos el tipo de dato que nos arroja la prueba

let obj1,obj2;
obj2 = {
  atributo: 'texto'
};
console.log("obj1->" , typeof(obj1));
console.log("obj2->" , typeof(obj2));

¿Como solucionarlo?

Para que de este error el valor de las variables deben ser null o undefined, lo que puedes hacer es lo siguiente:

  • Verificar si el objeto esta declarado
  • La asignación a tu Objeto no reciba parámetros null o undefined
  • Si usas una librería externa verificar que este bien importada

let libreriaExterna 
libreriaExterna.top = 3;

  • Validar si el atributo existe (en el peor de los casos que tu objeto sea muy variable)

let obj1 ,obj2
obj2 = {
  atributo: 'texto'
};

console.log("obj1: ¿está definido?" , typeof obj1 !== 'undefined');
console.log("obj2: ¿está definido?" , typeof obj2 !== 'undefined');
console.log("obj2.atributo: ¿está definido?" , typeof obj2.atributo !== 'undefined');

  • Controlarlos con un Try/Cath(Javascript tiene eso? sí)

let obj1,obj2;
obj2 = {
  atributo: 'texto'
};
try{
console.log(obj1.atributo);
}catch(e){
console.error(e.message," porque no existe el objeto");

}

se añadieron 758 caracteres en el cuerpo
Origen Enlace
JackNavaRow
  • 7.2k
  • 6
  • 25
  • 49

Basándonos del error

Uncaught TypeError: Cannot read property 'atributo' of undefined

Este error es muy comun estas intentando acceder a un elemento que no existe o su valor es undefined

console.info("Ejemplo de acceso a un elemento del DOM que existe")
const div_existe = document.getElementById("existe")
console.log("div=", div_existe)
console.log("atributo div=" , div_existe.innerHTML) 
//caso que no existe 
console.info("Intentando Acceder a un elemento que NO Existe")
const div_no_existe = document.getElementById("no_existe")
console.log("div=", div_no_existe)
console.log("atributo div=", div_no_existe.innerHTML) //linea de error
<div id="existe">chispas!!!</div>

El error significa que no puedes acceder a esa propiedad, pero ¿por qué?

En el ejemplo que colocastes obj1 esta declarado pero no utilizado, veamos el tipo de dato que nos arroja la prueba

let obj1,obj2;
obj2 = {
  atributo: 'texto'
};
console.log("obj1->" , typeof(obj1));
console.log("obj2->" , typeof(obj2));

¿Como solucionarlo?

Para que de este error la el valor de las variables deben ser null o undefined, lo que puedes hacer es lo siguiente:

  • Verificar si el objeto esta declarado
  • La asignación a tu Objeto no reciba parámetros null o undefined
  • Si usas una librería externa verificar que este bien importada

let libreriaExterna 
libreriaExterna.top = 3;

  • Validar si el atributo existe (en el peor de los casos que tu objeto sea muy variable)

let obj1 ,obj2
obj2 = {
  atributo: 'texto'
};

console.log("obj1: ¿está definido?" , typeof obj1 !== 'undefined');
console.log("obj2: ¿está definido?" , typeof obj2 !== 'undefined');
console.log("obj2.atributo: ¿está definido?" , typeof obj2.atributo !== 'undefined');

  • Controlarlos con un Try/Cath(Javascript tiene eso? sí)

let obj1,obj2;
obj2 = {
  atributo: 'texto'
};
try{
console.log(obj1.atributo);
}catch(e){
console.error(e.message," porque no existe el objeto");

}

Basándonos del error

Uncaught TypeError: Cannot read property 'atributo' of undefined

El error significa que no puedes acceder a esa propiedad, pero ¿por qué?

En el ejemplo que colocastes obj1 esta declarado pero no utilizado, veamos el tipo de dato que nos arroja la prueba

let obj1,obj2;
obj2 = {
  atributo: 'texto'
};
console.log("obj1->" , typeof(obj1));
console.log("obj2->" , typeof(obj2));

¿Como solucionarlo?

Para que de este error la el valor de las variables deben ser null o undefined, lo que puedes hacer es lo siguiente:

  • Verificar si el objeto esta declarado
  • La asignación a tu Objeto no reciba parámetros null o undefined
  • Si usas una librería externa verificar que este bien importada

let libreriaExterna 
libreriaExterna.top = 3;

  • Validar si el atributo existe (en el peor de los casos que tu objeto sea muy variable)

let obj1 ,obj2
obj2 = {
  atributo: 'texto'
};

console.log("obj1: ¿está definido?" , typeof obj1 !== 'undefined');
console.log("obj2: ¿está definido?" , typeof obj2 !== 'undefined');
console.log("obj2.atributo: ¿está definido?" , typeof obj2.atributo !== 'undefined');

  • Controlarlos con un Try/Cath(Javascript tiene eso? sí)

let obj1,obj2;
obj2 = {
  atributo: 'texto'
};
try{
console.log(obj1.atributo);
}catch(e){
console.error(e.message," porque no existe el objeto");

}

Basándonos del error

Uncaught TypeError: Cannot read property 'atributo' of undefined

Este error es muy comun estas intentando acceder a un elemento que no existe o su valor es undefined

console.info("Ejemplo de acceso a un elemento del DOM que existe")
const div_existe = document.getElementById("existe")
console.log("div=", div_existe)
console.log("atributo div=" , div_existe.innerHTML) 
//caso que no existe 
console.info("Intentando Acceder a un elemento que NO Existe")
const div_no_existe = document.getElementById("no_existe")
console.log("div=", div_no_existe)
console.log("atributo div=", div_no_existe.innerHTML) //linea de error
<div id="existe">chispas!!!</div>

El error significa que no puedes acceder a esa propiedad, pero ¿por qué?

En el ejemplo que colocastes obj1 esta declarado pero no utilizado, veamos el tipo de dato que nos arroja la prueba

let obj1,obj2;
obj2 = {
  atributo: 'texto'
};
console.log("obj1->" , typeof(obj1));
console.log("obj2->" , typeof(obj2));

¿Como solucionarlo?

Para que de este error la el valor de las variables deben ser null o undefined, lo que puedes hacer es lo siguiente:

  • Verificar si el objeto esta declarado
  • La asignación a tu Objeto no reciba parámetros null o undefined
  • Si usas una librería externa verificar que este bien importada

let libreriaExterna 
libreriaExterna.top = 3;

  • Validar si el atributo existe (en el peor de los casos que tu objeto sea muy variable)

let obj1 ,obj2
obj2 = {
  atributo: 'texto'
};

console.log("obj1: ¿está definido?" , typeof obj1 !== 'undefined');
console.log("obj2: ¿está definido?" , typeof obj2 !== 'undefined');
console.log("obj2.atributo: ¿está definido?" , typeof obj2.atributo !== 'undefined');

  • Controlarlos con un Try/Cath(Javascript tiene eso? sí)

let obj1,obj2;
obj2 = {
  atributo: 'texto'
};
try{
console.log(obj1.atributo);
}catch(e){
console.error(e.message," porque no existe el objeto");

}

se añadieron 28 caracteres en el cuerpo
Origen Enlace
JackNavaRow
  • 7.2k
  • 6
  • 25
  • 49

Basándonos del error

Uncaught TypeError: Cannot read property 'atributo' of undefined

El error significa que no puedes acceder a esa propiedad, pero ¿por qué?

En el ejemplo que colocastes obj1 esta declarado pero no utilizado, veamos el tipo de dato que nos arroja la prueba

let obj1,obj2;
obj2 = {
  atributo: 'texto'
};
console.log("obj1->" , typeof(obj1));
console.log("obj2->" , typeof(obj2));

¿Como solucionarlo?

Para que dende este error la el valor de las variables deben ser null o undefined, lo que puedes hacer es lo siguiente:

  • Verificar si el objeto esta declarado
  • La asignación a tu Objeto no reciba parámetros null o undefined
  • Si usas una librería externa verificar que este bien importada

let libreriaExterna 
libreriaExterna.top = 3;

  • Validar si el atributo existe (en el peor de los casos que tu objeto sea muy variable)

let obj1 ,obj2
obj2 = {
  atributo: 'texto'
};

console.log("obj1: ¿está definido?" , typeof obj1 !== 'undefined');
console.log("obj2: ¿está definido?" , typeof obj2 !== 'undefined');
console.log("obj2.atributo: ¿está definido?" , typeof obj2.atributo !== 'undefined');

  • Controlarlos con un Try/Cath(Javascript tiene eso? sí)

let obj1,obj2;
obj2 = {
  atributo: 'texto'
};
try{
console.log(obj1.atributo);
}catch(e){
console.error(e.message," porque no existe el objeto");

}

Basándonos del error

Uncaught TypeError: Cannot read property 'atributo' of undefined

El error significa que no puedes acceder a esa propiedad, pero ¿por qué?

En el ejemplo que colocastes obj1 esta declarado pero no utilizado, veamos el tipo de dato que nos arroja la prueba

let obj1,obj2;
obj2 = {
  atributo: 'texto'
};
console.log("obj1->" , typeof(obj1));
console.log("obj2->" , typeof(obj2));

¿Como solucionarlo?

Para que den este error deben ser null o undefined, lo que puedes hacer es lo siguiente:

  • Verificar si el objeto esta declarado
  • La asignación a tu Objeto no reciba parámetros null o undefined
  • Si usas una librería externa verificar que este bien importada

let libreriaExterna 
libreriaExterna.top = 3;

  • Validar si el atributo existe (en el peor de los casos que tu objeto sea muy variable)

let obj1 ,obj2
obj2 = {
  atributo: 'texto'
};

console.log("obj1: ¿está definido?" , typeof obj1 !== 'undefined');
console.log("obj2: ¿está definido?" , typeof obj2 !== 'undefined');
console.log("obj2.atributo: ¿está definido?" , typeof obj2.atributo !== 'undefined');

  • Controlarlos con un Try/Cath(Javascript tiene eso? sí)

let obj1,obj2;
obj2 = {
  atributo: 'texto'
};
try{
console.log(obj1.atributo);
}catch(e){
console.error(e.message," porque no existe el objeto");

}

Basándonos del error

Uncaught TypeError: Cannot read property 'atributo' of undefined

El error significa que no puedes acceder a esa propiedad, pero ¿por qué?

En el ejemplo que colocastes obj1 esta declarado pero no utilizado, veamos el tipo de dato que nos arroja la prueba

let obj1,obj2;
obj2 = {
  atributo: 'texto'
};
console.log("obj1->" , typeof(obj1));
console.log("obj2->" , typeof(obj2));

¿Como solucionarlo?

Para que de este error la el valor de las variables deben ser null o undefined, lo que puedes hacer es lo siguiente:

  • Verificar si el objeto esta declarado
  • La asignación a tu Objeto no reciba parámetros null o undefined
  • Si usas una librería externa verificar que este bien importada

let libreriaExterna 
libreriaExterna.top = 3;

  • Validar si el atributo existe (en el peor de los casos que tu objeto sea muy variable)

let obj1 ,obj2
obj2 = {
  atributo: 'texto'
};

console.log("obj1: ¿está definido?" , typeof obj1 !== 'undefined');
console.log("obj2: ¿está definido?" , typeof obj2 !== 'undefined');
console.log("obj2.atributo: ¿está definido?" , typeof obj2.atributo !== 'undefined');

  • Controlarlos con un Try/Cath(Javascript tiene eso? sí)

let obj1,obj2;
obj2 = {
  atributo: 'texto'
};
try{
console.log(obj1.atributo);
}catch(e){
console.error(e.message," porque no existe el objeto");

}

se añadieron 85 caracteres en el cuerpo
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92
Loading
Ortografía
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92
Loading
Origen Enlace
JackNavaRow
  • 7.2k
  • 6
  • 25
  • 49
Loading