web-dev-qa-db-fra.com

Comment utiliser innerhtml en JavaScript?

Mon problème est que je ne sais pas comment afficher le innerhtml de mon formulaire.

Le formulaire ressemble à un questionnaire et une fois que vous avez cliqué sur le bouton Soumettre, tout le contenu auquel j'avais répondu s'afficherait comme une page de résumé ...

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;

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

Sur la deuxième ligne, vous écrasez la variable sans définir le .innerHTML. Voici ce que vous voulez:

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

De plus, vous devez vous assurer que les éléments portant les identifiants "premier", "milieu" et "dernier" existent réellement, sinon cela pourrait provoquer une TypeError.

10
0x499602D2

Essaye ça:

Mais, vous devriez avoir un identifiant en tant que premier ... et vous devriez avoir besoin de content div in html part.

<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

Au lieu de cela:

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

Essaye ça:

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

Vous voudrez peut-être aussi utiliser .innerHTML pour obtenir 'premier', plutôt que Je ne suis pas sûr du genre d'élément «premier».

0
jrajav

Quel est votre élément avec l'ID "contend", un div? td? tr? ou ? La façon dont il devrait être est

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

et puis c'est le code javascript

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