¿Cómo puedo usar innerhtml en JavaScript?

Mi problema es que no sé cómo mostrar el innerhtml de mi formulario.¿Cómo puedo usar innerhtml en JavaScript?

La forma es como un formulario de encuesta y una vez que ha hecho clic en el botón de envío, todos los contenidos que había respondido mostraría como una página de resumen ...

function displayResult() { 
    var first = document.getElementById("first").value; 

    var middle = document.getElementById("middle").value; 

    var last = document.getElementById("last").value; 

    alert("oh"); 
    var maincontent = document.getElementById("content").innerHTML; 
    maincontent = "<p>" + first; 

}

Fuente

2012-09-29 ghie

Por un lado me deshago de que se arrastra '" '. – jli

Salida jsFiddle (http://jsfiddle.net) y poner un ejemplo de su HTML y JS, para que podamos ver lo DOM estás trabajando con – Dancrumb

http://jsfiddle.net/8TtxV/ aquí está :( – ghie

var maincontent = document.getElementById("content").innerHTML; 
maincontent = "<p>" + first;

En la segunda línea se desea sobreescribir la variable, no se establece el .innerHTML. Esto es lo que quiere:

var maincontent = document.getElementById("content"); 
maincontent.innerHTML = "<p>" + first;

Además, debe asegurarse de que los elementos con los identificadores de "primera" "medio" y "último" en realidad existe, o esto podría causar una TypeError.

Fuente

2012-09-29 14:00:21 0x499602D2

gracias! estado intentándolo – ghie

@ghie Asegúrese de tener un elemento con una identificación igual a "contenido". De esta manera: 'id =" content "'. Además, asegúrese de que los elementos con los identificadores de "primero" "medio" y "último" realmente existan. – 0x499602D2

oh .. veo. gracias usted! Creo que olvidé la identificación -.- ¡Gracias! – ghie

lugar de esto:

var maincontent = document.getElementById("content").innerHTML; 
maincontent = "<p>" + first;`

Prueba esto:

document.getElementById("content").innerHTML = "<p>" + first;

también puede que quiera usar para obtener .innerHTML 'primero', en lugar de .Value? No estoy seguro de qué tipo de elemento 'primero' es.

Fuente

2012-09-29 13:59:56 jrajav

gracias! Ya lo intenté pero no muestra nada :(¿Cuál crees que es el problema con eso? Lo siento ... he sido simplemente nuevo en javascript ... :( – ghie

¿En serio? Funciona bien para mí (Espera 5 segundos): http://jsfiddle.net/QWyuT/ – jrajav

También se ha agregado a mi respuesta – jrajav

¿Cuál es su elemento con id "contender", a div? td? tr? o? La forma en que debe ser es

<div id='content'> 
    </div>

y entonces este es el código Javascript

document.getElementById("content").innerHTML = "<p>" + first + middle + last + "</p>"

Fuente

2012-09-29 14:13:15 Quannt

Prueba esto:

embargo, usted debe tener identificación como la primera. y debe necesitar contenido div en la parte html.

<script> 
function displayResult() { 
    var first = document.getElementById("first").value; 

    var maincontent = ""; 
    maincontent = "<p>" + first + "</p>"; 
    document.getElementById("content").innerHTML = maincontent; 

} 
</script> 
<body> 
<input type="text" id="first" value="good"> 
<button onclick="displayResult();">Click me!!!</button> 
<div id="content"></div> 
</body>

Fuente

2012-09-29 14:18:29

¿Cómo puedo usar innerhtml en JavaScript?

Respuesta

Cuestiones relacionadas