1

Intenté hacerlo con una función pero me genera un error

Uncaught TypeError: Cannot read property 'addEventListener' of null

var boton = document.getElementById("eliminar");
boton.addEventListener("click", function() {
  document.getElementById("contenedor").innerHTML = ""; 
},false)
<div id="micapa">Contenido de prueba <br/> <img src="logo.png"/> <br/> Fin del contenido de prueba </div> Este solo es una prueba <button id="eliminar" onclick="function()">Eliminar Contendio</button> 

Contenedor es quién esta almacenando toda mi información de la página.

4
  • ¿Qué error le genera ? a simple vista no parece tener errores en el código de su pregunta.
    – Dev. Joel
    Commented el 29 sept. 2017 a las 3:46
  • Uncaught TypeError: Cannot read property 'addEventListener' of null me resulta es error
    – DMya
    Commented el 29 sept. 2017 a las 3:58
  • Podría añadir el código HTML ? tiene un elemento con id eliminar? su código funciona con un supuesto html
    – Dev. Joel
    Commented el 29 sept. 2017 a las 4:04
  • <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="ejemplo.js"></script> </head> <body> <div id="micapa">Contenido de prueba <br/> <img src="logo.png"/> <br/> Fin del contenido de prueba </div> Este solo es una prueba <button id="eliminar" onclick="function()">Eliminar Contendio</button> </body> </html>
    – DMya
    Commented el 29 sept. 2017 a las 4:08

1 respuesta 1

2

Si añade un listener desde Js para el evento click del botón no hace falta añadir el atributo en la etiqueta onclick="" solo debería hacerse una sola vez , recomendación desde Js bastará. boton.addEventListener("...

El atributo onclick espera que se pase el nombre de una función o directamente el código JS y en su código hace una llamada a function que es una palabra reservada de Js lo cuál es incorrecto. No podrá llamar a una función anónima sin un identificador (si es lo que pretendía hacer)

No existe ningún elemento con id contenedor por lo cuál el document.getElementById("contenedor") devuelve null y no tendrá ni métodos ni propiedades como innerHTML

Código final

var boton = document.getElementById("eliminar");
boton.addEventListener("click", function() {
  document.getElementById("contenedor").innerHTML = ""; 
},false)
<div id="contenedor">Contenido de prueba Fin del contenido de prueba Este solo es una prueba </div> 
<button id="eliminar" >Eliminar Contendio</button> 

1
  • Muchas gracias, muy buena tu aclaración y la tomaré en cuenta lo que me has dicho. Saludos
    – DMya
    Commented el 29 sept. 2017 a las 4:30

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.