如何在JavaScript中使用innerhtml？

Question

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

}

Run Code Online (Sandbox Code Playgroud)

Answer 1

0x4*_*2D2 10

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

Run Code Online (Sandbox Code Playgroud)

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

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

Run Code Online (Sandbox Code Playgroud)

此外,您必须确保具有"first""middle"和"last"的ID的元素实际存在,否则这可能会导致a TypeError.

Answer 2

sur*_*h.g 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>

Run Code Online (Sandbox Code Playgroud)

归档时间：	13 年，4 月前
查看次数：	73337 次
最近记录：	10 年，1 月前