如何在javascript中动态添加和更改div？_Javascript_Html

如何在javascript中动态添加和更改div？

javascript html

如何在javascript中动态添加和更改div？,javascript,html,Javascript,Html,我有以下代码： <!DOCTYPE html> <html> <head> <script type="text/javascript"> function timeMsg() { var t=setTimeout("enterquestion()",900000); } function enterquestion() { document.getElementById("questions").innerHTML += '<p>

我有以下代码：

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">

function timeMsg()
{
var t=setTimeout("enterquestion()",900000);
}


function enterquestion()
{
document.getElementById("questions").innerHTML += '<p>'  + document.getElementById("question").value;


}
</script>
</head>
<body>

<h1>Testing Website</h1>
<p id="questions"></p>

<input type="text" name="question" id="question" />
<button type="button" onclick="timeMsg()">Enter question</button>


</body>
</html>


函数timeMsg（）
{
var t=setTimeout（“enterquestion（）”，900000）；
}
函数输入问题（）
{
document.getElementById（“问题”）.innerHTML+=''+document.getElementById（“问题”）.value；
}
测试网站

输入问题

该代码所做的只是允许用户输入一个问题，然后在15分钟后将该问题添加到问题列表中

我想对代码所做的只是使其立即将文本“问题记录”放在问题出现的地方，然后它应该用问题替换“问题记录”文本，而不是简单地将问题添加到末尾

我想不出如何做到你可以同时输入多个问题

感谢您的帮助

谢谢

当您希望替换元素的整个内容，但不希望添加或插入子节点时，innerHTML属性非常方便。因此，它更易于使用

以下是一个示例，可以帮助您继续：

<script>
function addDiv(parent, text) {
  var div = document.createElement('div');
  div.appendChild(document.createTextNode(text));
  parent.appendChild(div);
}
</script>

<form action="serverprocess" onsubmit="return false;">
  <input type="text" name="qText" value="Question text">
  <button onclick="
    addDiv(document.getElementById('container'), this.form.qText.value);
  ">Add question</button>
</form>
<div id="container"></div>


函数addDiv（父函数，文本）{
var div=document.createElement（'div'）；
div.appendChild（document.createTextNode（text））；
父、子（div）；
}
添加问题

在上面的例子中，如果javascript不可用或不活动，那么表单将被提交，并且可以在服务器上完成处理。如果它是可用的，那么它将在本地处理，表单不会提交，尽管提交实际上应该基于操作的成功完成

我会留给你考虑的

嗯，点击按钮调用功能？非常感谢，这非常有帮助！