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
    el 29 sep. 2017 a las 3:46
  • Uncaught TypeError: Cannot read property 'addEventListener' of null me resulta es error
    – DMya
    el 29 sep. 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
    el 29 sep. 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
    el 29 sep. 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
    el 29 sep. 2017 a las 4:30

Tu Respuesta

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

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