webentwicklung-frage-antwort-db.com.de

Wie kann ich innerhtml in JavaScript verwenden?

Mein Problem ist, dass ich nicht weiß, wie man die innere Form meiner Form anzeigt.

Das Formular ist wie ein Umfrageformular. Sobald Sie auf die Schaltfläche "Senden" geklickt haben, werden alle Inhalte, die ich beantwortet habe, als eine Zusammenfassungsseite angezeigt.

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;

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

In der zweiten Zeile überschreiben Sie die Variable und setzen nicht den .innerHTML. Das ist, was du willst:

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

Außerdem müssen Sie sicherstellen, dass die Elemente mit den IDs "first", "middle" und "last" tatsächlich vorhanden sind. Andernfalls kann dies zu einem TypeError führen.

10
0x499602D2

Versuche dies:

Aber Sie sollten id als ersten haben, und Sie sollten content div im HTML-Teil benötigen.

<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>
5
suresh.g

An Stelle von:

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

Versuche dies:

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

Möglicherweise möchten Sie auch .innerHTML verwenden, um anstelle von .value 'first' zu erhalten. Ich bin mir nicht sicher, was für ein Element "zuerst" ist.

0
jrajav

Was ist dein Element mit id "contend", einem div? td? tr? oder ? So soll es sein

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

und dann ist dies der Javascript-Code

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