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 | Sí | Sí | Sí | Sí | Sí |
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
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