web-dev-qa-db-ja.com

JavaScriptでinnerhtmlを使用するにはどうすればよいですか？

私の問題は、フォームのinnerhtmlを表示する方法がわからないことです。

フォームは調査フォームのようなもので、送信ボタンをクリックすると、回答したすべてのコンテンツが概要ページのように表示されます...

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;

2行目では、.innerHTMLを設定するのではなく、変数を上書きしています。これはあなたが望むものです：

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

また、idが「first」、「middle」、「last」の要素が実際に存在することを確認する必要があります。そうでない場合、TypeErrorが発生する可能性があります。

10
0x499602D2

これを試して：

しかし、最初にidが必要です。 html部分にコンテンツdivが必要です。

<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

これの代わりに：

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

これを試して：

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

また、.valueではなく.innerHTMLを使用して 'first'を取得することもできますか？ 「最初」の要素の種類はわかりません。

0
jrajav

Id "contend"、divの要素は何ですか？ td？ tr？または？あるべき姿は

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

そして、これはjavascriptコードです

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