Question

我的问题是我不知道如何显示我的表格的内部HTML。

表单就像一个调查表单，一旦你点击了提交按钮，我所回复的所有内容都会显示为摘要页...

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 个答案: