Element.innerHTML | Dom

 

Descripción

La propiedad innerHTML nos permite establecer o leer la sintaxis HTML interna de un elemento. Lo más normal es utilizar la propiedad innerHTML para modificar el contenido del texto.

Sintaxis

Element.innerHTML

Objeto Padre

Element

Ejemplo

<!DOCTYPE html>
<html lang="es">
<head>
  <title>Pasar datos a un Listener</title>
</head>
<body>

  <h1>Pasar datos a un Listener</h1>

  <button id="saludar">Saludar</button>
  <span id="mensaje"></span>
  
  <script>
    let nombre = "Víctor";
    const boton = document.getElementById("saludar");
    const mensaje = document.getElementById("mensaje");
    
    boton.addEventListener("click", function () {
      console.log(this);
      mensaje.innerHTML = "Hola " + this;
    }.bind(nombre)
    );
      
  </script>

</body>
</html>

Artículos