Skip to main content
se eliminaron 2 caracteres en el cuerpo
Origen Enlace
Rodrigo
  • 6.2k
  • 6
  • 16
  • 37

Tengo el un proyecto react y me sale el error:

TypeError: Cannot read property 'classList' of null

Cuando intento agregar una clase aun elemento HTML identificado con un ID,

Sinceramente no se que estoy haciendo mal. La idea es que al hacer clic se agrege la clase css sobre el elemento.

Código JavaScript:

function AnimacionAnswers(){
  document.getElementById('correcta').classList.add('questionCorrect');
}

Codigo Html y React:

export default function Answers() {
  return (
    <div className="botones">
      <div className="row justify-content-center align-items-center">
        <div id="correcta" className="col-6 btn-respuestas" onClick={AnimacionAnswers()}>A. Respuestas</div>
        <div className="col-6 btn-respuestas">B. Respuestas</div>
      </div>
      <div className="row justify-content-center align-items-center">
        <div className="col-6 btn-respuestas">C. Respuestas</div>
        <div className="col-6 btn-respuestas">D. Respuestas</div>
      </div>
    </div>
  );
}

Tengo el un proyecto react y me sale el error:

TypeError: Cannot read property 'classList' of null

Cuando intento agregar una clase aun elemento HTML identificado con un ID,

Sinceramente no se que estoy haciendo mal. La idea es que al hacer clic se agrege la clase css sobre el elemento.

Código JavaScript:

function AnimacionAnswers(){
  document.getElementById('correcta').classList.add('questionCorrect');
}

Codigo Html y React:

export default function Answers() {
  return (
    <div className="botones">
      <div className="row justify-content-center align-items-center">
        <div id="correcta" className="col-6 btn-respuestas" onClick={AnimacionAnswers()}>A. Respuestas</div>
        <div className="col-6 btn-respuestas">B. Respuestas</div>
      </div>
      <div className="row justify-content-center align-items-center">
        <div className="col-6 btn-respuestas">C. Respuestas</div>
        <div className="col-6 btn-respuestas">D. Respuestas</div>
      </div>
    </div>
  );
}

Tengo el un proyecto react y me sale el error:

TypeError: Cannot read property 'classList' of null

Cuando intento agregar una clase aun elemento HTML identificado con un ID

Sinceramente no se que estoy haciendo mal. La idea es que al hacer clic se agrege la clase css sobre el elemento.

Código JavaScript:

function AnimacionAnswers(){
  document.getElementById('correcta').classList.add('questionCorrect');
}

Codigo Html y React:

export default function Answers() {
  return (
    <div className="botones">
      <div className="row justify-content-center align-items-center">
        <div id="correcta" className="col-6 btn-respuestas" onClick={AnimacionAnswers()}>A. Respuestas</div>
        <div className="col-6 btn-respuestas">B. Respuestas</div>
      </div>
      <div className="row justify-content-center align-items-center">
        <div className="col-6 btn-respuestas">C. Respuestas</div>
        <div className="col-6 btn-respuestas">D. Respuestas</div>
      </div>
    </div>
  );
}

Tengo el un proyecto react y me sale el error "TypeError: Cannot read property 'classList' of null" cuando

TypeError: Cannot read property 'classList' of null

Cuando intento agregar una clase aun elemento HTML identificado con un ID, sinceramente

Sinceramente no se que estoy haciendo mal. La idea es que al hacer clic se agrege la clase css sobre el elemento.

Código JavaScript:

function AnimacionAnswers(){
  document.getElementById('correcta').classList.add('questionCorrect');
}

Codigo Html y React:

export default function Answers() {
  return (
    <div className="botones">
      <div className="row justify-content-center align-items-center">
        <div id="correcta" className="col-6 btn-respuestas" onClick={AnimacionAnswers()}>A. Respuestas</div>
        <div className="col-6 btn-respuestas">B. Respuestas</div>
      </div>
      <div className="row justify-content-center align-items-center">
        <div className="col-6 btn-respuestas">C. Respuestas</div>
        <div className="col-6 btn-respuestas">D. Respuestas</div>
      </div>
    </div>
  );
}

Tengo el un proyecto react y me sale el error "TypeError: Cannot read property 'classList' of null" cuando intento agregar una clase aun elemento HTML identificado con un ID, sinceramente no se que estoy haciendo mal. La idea es que al hacer clic se agrege la clase css sobre el elemento.

Código JavaScript:

function AnimacionAnswers(){
  document.getElementById('correcta').classList.add('questionCorrect');
}

Codigo Html y React:

export default function Answers() {
  return (
    <div className="botones">
      <div className="row justify-content-center align-items-center">
        <div id="correcta" className="col-6 btn-respuestas" onClick={AnimacionAnswers()}>A. Respuestas</div>
        <div className="col-6 btn-respuestas">B. Respuestas</div>
      </div>
      <div className="row justify-content-center align-items-center">
        <div className="col-6 btn-respuestas">C. Respuestas</div>
        <div className="col-6 btn-respuestas">D. Respuestas</div>
      </div>
    </div>
  );
}

Tengo el un proyecto react y me sale el error:

TypeError: Cannot read property 'classList' of null

Cuando intento agregar una clase aun elemento HTML identificado con un ID,

Sinceramente no se que estoy haciendo mal. La idea es que al hacer clic se agrege la clase css sobre el elemento.

Código JavaScript:

function AnimacionAnswers(){
  document.getElementById('correcta').classList.add('questionCorrect');
}

Codigo Html y React:

export default function Answers() {
  return (
    <div className="botones">
      <div className="row justify-content-center align-items-center">
        <div id="correcta" className="col-6 btn-respuestas" onClick={AnimacionAnswers()}>A. Respuestas</div>
        <div className="col-6 btn-respuestas">B. Respuestas</div>
      </div>
      <div className="row justify-content-center align-items-center">
        <div className="col-6 btn-respuestas">C. Respuestas</div>
        <div className="col-6 btn-respuestas">D. Respuestas</div>
      </div>
    </div>
  );
}
Origen Enlace

TypeError: Cannot read property 'classList' of null en React

Tengo el un proyecto react y me sale el error "TypeError: Cannot read property 'classList' of null" cuando intento agregar una clase aun elemento HTML identificado con un ID, sinceramente no se que estoy haciendo mal. La idea es que al hacer clic se agrege la clase css sobre el elemento.

Código JavaScript:

function AnimacionAnswers(){
  document.getElementById('correcta').classList.add('questionCorrect');
}

Codigo Html y React:

export default function Answers() {
  return (
    <div className="botones">
      <div className="row justify-content-center align-items-center">
        <div id="correcta" className="col-6 btn-respuestas" onClick={AnimacionAnswers()}>A. Respuestas</div>
        <div className="col-6 btn-respuestas">B. Respuestas</div>
      </div>
      <div className="row justify-content-center align-items-center">
        <div className="col-6 btn-respuestas">C. Respuestas</div>
        <div className="col-6 btn-respuestas">D. Respuestas</div>
      </div>
    </div>
  );
}