如何在JavaScript中使用innerhtml？

Question

我的問題是我不知道如何顯示我的表格的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;

}

Answer 1

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

在第二行，您將覆蓋變量，而不是設置.innerHTML 。 這就是你想要的：

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

此外，您必須確保具有“first”“middle”和“last”的ID的元素實際存在，否則可能會導致TypeError 。

Answer 2

嘗試這個：

但是，你應該首先擁有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>

Answer 3

而不是這個：

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

嘗試這個：

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

您可能還想使用.innerHTML來獲取'first'而不是.value？ 我不確定'第一'是什么類型的元素。

Answer 4

id為“contend”，div的元素是什么？ TD？ TR？ 要么？ 應該是這樣的

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

然后這是javascript代碼

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

如何在JavaScript中使用innerhtml？

問題描述

4 個解決方案

解決方案1
10 已采納 2012-09-29 14:00:21

解決方案2
5 2012-09-29 14:18:29

解決方案3
0 2012-09-29 13:59:56

解決方案4
0 2012-09-29 14:13:15

如何在JavaScript中使用innerhtml？

問題描述

4 個解決方案

解決方案1 10 已采納 2012-09-29 14:00:21

解決方案2 5 2012-09-29 14:18:29

解決方案3 0 2012-09-29 13:59:56

解決方案4 0 2012-09-29 14:13:15

解決方案1
10 已采納 2012-09-29 14:00:21

解決方案2
5 2012-09-29 14:18:29

解決方案3
0 2012-09-29 13:59:56

解決方案4
0 2012-09-29 14:13:15