Los últimos tutoriales de desarrollo web
 

HTML DOM innerHTML Propery

<Elemento de objeto

Ejemplo

Cambiar el contenido HTML de un <p> elemento con id = "demo":

document.getElementById("demo").innerHTML = "Paragraph changed!";
Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.


Definición y Uso

Los conjuntos de propiedades innerHTML o devuelve el contenido HTML (inner HTML) de un elemento.


Soporte del navegador

Propiedad
innerHTML

Sintaxis

Devolver la propiedad innerHTML:

HTMLElementObject .innerHTML

Establecer la propiedad innerHTML:

HTMLElementObject .innerHTML= Valores de propiedad
Valor Descripción
text Especifica el contenido HTML de un elemento

Detalles técnicos

Valor de retorno: Una cadena, que representa el contenido HTML de un elemento

Ejemplos

Más ejemplos

Ejemplo

Obtener el contenido HTML de un <p> elemento con id = "PAI":

var x = document.getElementById("myP").innerHTML;

El resultado de x será:

I am a paragraph.
Inténtalo tú mismo "

Ejemplo

Obtener el contenido HTML de un <ul> elemento con id = "miLista":

var x = document.getElementById("myList").innerHTML;

El resultado de x será:

  • Coffee
  • Tea
Inténtalo tú mismo "

Ejemplo

Cambiar el contenido HTML de dos elementos:

document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
Inténtalo tú mismo "

Ejemplo

Alertar al contenido HTML de un <p> elemento con id = "demo":

alert(document.getElementById("demo").innerHTML);
Inténtalo tú mismo "

Ejemplo

Eliminar el contenido HTML de un <p> elemento con id = "demo":

document.getElementById("demo").innerHTML = "";  // Replaces the content of <p> with an empty string
Inténtalo tú mismo "

Ejemplo

Cambiar el contenido HTML, URL y destino de un enlace:

document.getElementById("myAnchor").innerHTML = "w3ii";
document.getElementById("myAnchor").href = "http://www.w3ii.com";
document.getElementById("myAnchor").target = "_blank";
Inténtalo tú mismo "

<Elemento de objeto