11

我的问题是我不知道如何显示我的表单的 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;

}
4

4 回答 4

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

在第二行，您要覆盖变量，而不是设置.innerHTML. 这就是你想要的：

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

此外，您必须确保 id 为“first”、“middle”和“last”的元素确实存在，否则可能会导致TypeError.

于 2012-09-29T14:00:21.053 回答
5

试试这个：

但是，您应该首先拥有 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>
于 2012-09-29T14:18:29.913 回答
0

而不是这个：

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

试试这个：

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

您可能还想使用 .innerHTML 来获得“第一”，而不是 .value？我不确定“第一”是什么样的元素。

于 2012-09-29T13:59:56.443 回答
0

你的 id 为 "contend" 的元素是什么，一个 div？td？tr? 或者 ？它应该是这样的

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

然后这是javascript代码

document.getElementById("content").innerHTML = "<p>" + first + middle + last + "</p>"
于 2012-09-29T14:13:15.253 回答