javascript - 我如何在 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;

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