Estoy tratando de cambiar el valor de un botón cuando hago clic en él, así que lo que hice fue crear una función en JavaScript donde llamo a la ID del elemento obteniendo la ID del botón y a través style.backImage try and cambialo.
Pero muestra este error:
Uncaught TypeError: Cannot set properties of null (setting 'value')Este es el código del botón:
<button id="id1" style="margin: 17px;" onclick="mark()"> . </button>Y la función JavaScript es la siguiente:
function mark(){ document.getElementById(id1).style.backgroundImage = "url('cruz.webp')"; }Intenté mover el documento JavaScript de la cabeza al cuerpo en HTML, pero no funcionó.
Sé que debe ser muy simple, pero agradezco su ayuda.
El problema con su código está en la sección de JavaScript de su código, con la función getElementById() .
Debe cambiar el parámetro pasado en getElementById() para que sea como se muestra a continuación.
document.getElementById("id1"); La diferencia es que su código no tiene id1 entre comillas, pero esta respuesta tiene "id1" entre comillas.
La razón por la que aparece su error es que la variable id1 (que es lo que piensa JavaScript) no está definida, por lo que getElementById() devuelve null , que es lo que indica el error (que se muestra a continuación).
Uncaught TypeError: Cannot set properties of null (setting 'value') Cuando rodea id1 con comillas, JavaScript debería encontrar el elemento y devolver un Element , lo que debería evitar que aparezca el error y hacer que su código funcione correctamente.