Error Cannot set property 'disabled' of null

Foro de elhacker.net

Programación

Desarrollo Web (Moderador: #!drvy)

Error Cannot set property 'disabled' of null

0 Usuarios y 1 Visitante están viendo este tema.

Páginas: [1]

Autor

Tema: Error Cannot set property 'disabled' of null (Leído 3,378 veces)

SrTrp

Desconectado

Mensajes: 325

Script/C#

Error Cannot set property 'disabled' of null

« en: 24 Julio 2021, 06:47 am »

Hola que tal estoy intentando llamar una función en JS pero me da ese error

Código:

Cannot set property 'disabled' of null

Este es mi codigo html

Código

<div style="display: table-cell;width: 50%;">
                                <button  id="btn-one" style="background: #036586;border-style: none;border-radius: 10px;padding: 10px;width: 100%;font-size: 16px;" onclick="tp_cits(1);">Tipo 1</button>
                            </div>
                            <div style="display: table-cell;width: 50%;">
                                <button  id="btn_two" style="background: #036586;border-style: none;border-radius: 10px;padding: 10px;width: 100%;margin-left: 10px;font-size: 16px;" onclick="tp_cits(0);">Tipo 2</button>
                            </div>

y Aquí esta mi JS

Código

function tp_cits(tipo){
  if(tipo == 0){
document.getElementById("btn-two").disabled = true;
    document.getElementById("btn-one").disabled = false;
    document.getElementById("preciotxt").innerHTML="<strong>Precio: </strong>2000";
 
  }else if(tipo == 1){
    document.getElementById("btn-two").disabled = false;
    document.getElementById("btn-one").disabled = true;
    document.getElementById("preciotxt").innerHTML="<strong>Precio: </strong>1000";
 
  }
}

Lo que quiero es que un botón se inhabilite cuando seleccione el otro, leí que esto puede ser por que aun no carga la pagina probé solucionar esto con este código:

Código

$(document).ready(function(){
function tp_cits(tipo){
  if(tipo == 0){
document.getElementById("btn-two").disabled = true;
    document.getElementById("btn-one").disabled = false;
    document.getElementById("preciotxt").innerHTML="<strong>Precio: </strong>2000";
  }else if(tipo == 1){
    document.getElementById("btn-two").disabled = false;
    document.getElementById("btn-one").disabled = true;
    document.getElementById("preciotxt").innerHTML="<strong>Precio: </strong>1000";
 
  }
}
}
});

Pero con eso me da este error :

Código:

tp_cits is not defined


	En línea

3n31ch

Desconectado

Mensajes: 445

Grandes conocimientos engendran grandes dudas

Re: Error Cannot set property 'disabled' of null

« Respuesta #1 en: 24 Julio 2021, 07:15 am »

El javascript está cargado, de eso no te preocupes. Tu problema es mas simple, la id de tu botón es "btn_two" no "btn-two". El error Cannot set property 'disabled' of null, es porque estás intentando cambiar la propiedad de algo que no existe (#btn-two no existe y por tanto, getElementById regresa null, null.disabled no existe).
Suerte!

(Por cierto, no recomiendo seguir usando jquery, javascript ya proporciona todas las herramientas que antiguamente solo entregaba jquery).


« Última modificación: 24 Julio 2021, 07:17 am por 3n31ch »	En línea

SrTrp

Desconectado

Mensajes: 325

Script/C#

Re: Error Cannot set property 'disabled' of null

« Respuesta #2 en: 24 Julio 2021, 07:39 am »

Muchas muchas gracias si era eso, que tonto fui con razón siempre me marcaba error en el mismo boton

Cita de: 3n31ch en 24 Julio 2021, 07:15 am


	En línea

Páginas: [1]

Ir a:

Mensajes similares
	Asunto	Iniciado por	Respuestas	Vistas	Último mensaje
	Fatal error: Cannot access empty property in... PHP	Thaorius	2	4,280	30 Diciembre 2006, 06:09 am por Thaorius
	Error null en JSON Java	javirk	0	1,731	5 Marzo 2013, 17:34 pm por javirk
	(Ayuda) La función wglMakeCurrent(NULL, NULL) crashea el programa a veces Programación C/C++	Seyro97	1	1,871	10 Junio 2015, 15:34 pm por Eternal Idol
	error Cannot read property 'style' of null Desarrollo Web	SrTrp	2	2,959	26 Diciembre 2017, 00:41 am por SrTrp
	javascript Error: Cannot read property '1' of undefined Desarrollo Web	SrTrp	2	2,705	9 Octubre 2020, 00:42 am por SrTrp