1. Inicio
  2. Pregunta y respuesta
  3. lo que innerHTML está haciendo en javascript?

lo que innerHTML está haciendo en javascript?

2011-02-02 18 views

Respuesta

12

The innerHTML property se utiliza para obtener o establecer el contenido HTML de un nodo elemento.

Ejemplo:http://jsfiddle.net/mQMVc/

 // get the element with the "someElement" id, and give it new content 
document.getElementById('someElement').innerHTML = "<p>new content</p>"; 

    // retrieve the content from an element 
var content = document.getElementById('someElement').innerHTML; 

alert(content);

Fuente

2011-02-02 19:47:12 user113716

+0

y no es una propiedad mencionada en cualquier punto de vista, pero apoyado por todos los navegadores principales. –

+0

@Felix: aunque forma parte de [HTML5] (http://www.w3.org/TR/html5/apis-in-html-documents.html#innerhtml). – user113716

+0

Oh, ok, no lo sabía :) –

0

Representa el contenido textual de una etiqueta HTML dada. También puede contener etiquetas propias.

Fuente

2011-02-02 19:48:08

2

Puede recopilar o establecer el contenido de una etiqueta seleccionada.

Como idea Pseudo, su parecido a tener muchas cajas dentro de una habitación e implican la idea de 'todo dentro que cuadro'

Fuente

2011-02-02 19:54:39 Glycerine

4

La propiedad innerHTML es parte del Modelo de Objetos de Documento (DOM) con soporte de Java código para manipular un sitio web que se muestra. Específicamente, permite leer y reemplazar todo dentro de un elemento DOM dado (etiqueta HTML).

Sin embargo, las manipulaciones DOM que usan innerHTML son más lentas y propensas a fallas que las manipulaciones basadas en objetos DOM individuales.

Fuente

2011-02-02 19:55:13

0

Cada elemento HTML tiene una propiedad innerHTML que define el código HTML y el texto que se produce entre la etiqueta de apertura y cierre de ese elemento. Al cambiar el elemento innerHTML después de alguna interacción del usuario, puede hacer páginas mucho más interactivas.

Sin embargo, utilizar innerHTML requiere cierta preparación si desea poder usarlo de manera fácil y confiable. Primero, debe dar el elemento que desea cambiar una identificación. Con esa identificación en su lugar, podrá usar la función getElementById, que funciona en todos los navegadores.

Después de tener esa configuración, ahora puede manipular el texto de un elemento. Para comenzar, intentemos cambiar el texto dentro de una etiqueta en negrita. JavaScript Código:

<script type="text/javascript"> 
function changeText(){ 
    document.getElementById('boldStuff').innerHTML = 'Fred Flinstone'; 
} 
</script> 
<p>Welcome to the site <b id='boldStuff'>dude</b> </p> 
<input type='button' onclick='changeText()' value='Change Text'/>

Esta respuesta es de here

Fuente

2014-03-13 08:28:41 user3414373

2

Cada elemento HTML tiene una propiedad innerHTML que define tanto el código HTML y el texto que se produce entre la apertura de ese elemento y etiqueta de cierre. Al cambiar el innerHTML de un elemento después de la interacción del usuario, puede crear páginas mucho más interactivas.

Sin embargo, usando innerHTML requiere un poco de preparación, si usted quiere ser capaz de utilizarlo fácil y fiable. Primero, debe dar el elemento que desea cambiar una identificación. Con esa identificación en su lugar, podrá usar la función getElementById, que funciona en todos los navegadores.

Fuente

2015-07-18 10:19:05 asx

1

El innerHtml obtiene el contenido en función de la ID/nombre y los reemplaza.

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <title>Learn JavaScript</title> 
 
</head> 
 
<body> 
 
<button type = "button" 
 
onclick="document.getElementById('demo').innerHTML = Date()"> <!--fetches the content with id demo and changes the innerHTML content to Date()--> 
 
Click for date 
 
</button> 
 
<h3 id = 'demo'>Before Button is clicked this content will be Displayed the inner content of h3 tag with id demo and once you click the button this will be replaced by the Date() ,which prints the current date and time </h3> 
 

 
</body> 
 
</html>

Al hacer clic en el botón, el contenido en h3 será reemplazado por innerHtml assignent es decir Date().

Fuente

2016-08-22 10:57:57

0

innerHTML es una propiedad de cada elemento. Te dice qué hay entre las etiquetas de inicio y fin del elemento, y también te permite establecer el contenido del elemento.

propiedad describe un aspecto de un objeto. Es algo que un objeto tiene en oposición a algo que hace un objeto.

<p id="myParagraph"> 
This is my paragraph. 
</p>

Puede seleccionar el párrafo y luego cambia el valor de su innerHTML con el siguiente comando:

document.getElementById("myParagraph").innerHTML = "This is my paragraph";

Fuente

2017-08-07 15:55:07 shar10ckq

Cuestiones relacionadas

 Cuestiones relacionadas