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

}

4483

2017-09-29 13:55

起源

一个人，我摆脱了这个尾随 "。 - jli

看看JSFiddle（jsfiddle.net并举一个你的HTML和JS的例子，这样我们就可以看到你正在使用的DOM - Dancrumb

jsfiddle.net/8TtxV 这里是：（ - ghie

element.innerHTML 是一个属性，用吸气和二传手。您无法将其作为节点引用，因为当您直接调用它时 var content = domelement.innerHTML;，你得到它是一个字符串中的值，不像函数一样引用它。所以你必须通过 .innerHTML 下到下一行并将其与节点引用一起使用。 - Jared Farrish

@JaredFarrish是的，现在我明白了。非常感谢你，无论如何都得到了很好的帮助.. - ghie

答案:

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

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

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

此外，您必须确保具有“第一个”“中间”和“最后”的ID的元素实际存在，否则这可能会导致 TypeError。

2017-09-29 14:00

谢谢！一直在尝试 - ghie

@ghie确保你有一个id等于“content”的元素。喜欢这个： id="content"。此外，确保具有“first”“middle”和“last”的id的元素实际存在。 - 0x499602D2

原来如此。谢谢！我想我忘记了身份的事情 - 谢谢你！ - ghie

很高兴我能帮上忙。 :) - 0x499602D2

尝试这个：

但是，你应该首先拥有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>

2017-09-29 14:18

而不是这个：

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

尝试这个：

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

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

2017-09-29 13:59

谢谢！我已经尝试了但它没有显示任何东西:(你觉得那是什么问题？对不起......我一直只是新的javascript .. :( - ghie

真？它适用于我（等待5秒）： jsfiddle.net/QWyuT - jrajav

还添加到我的答案 - jrajav

@kiruya谢谢！我明白了:)这是一个很好的帮助 - ghie

id为“竞争”的div是什么元素？ TD？ TR？要么？应该是这样的

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

然后这是javascript代码

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

2017-09-29 14:13

问题 如何在JavaScript中使用innerhtml？

答案:

热门问题

问题如何在JavaScript中使用innerhtml？