如何在JavaScript中動態添加和更改div？

Question

我有以下代碼：

<!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>

此代碼的全部作用是允許用戶輸入問題，然后在15分鍾后將問題添加到問題列表中。

我要對代碼進行的所有操作就是將其制成，以便立即將文本“ QUESTION RECORDED”放在要顯示問題的位置，然后代替簡單地將問題添加到末尾，而不是簡單地將問題添加到末尾問題記錄”文本和問題。

我無法弄清楚如何同時輸入多個問題。

感謝您的幫助，

謝謝！

Answer 1

當您要替換元素的全部內容而不是添加或插入子節點時，innerHTML屬性非常方便。 為此，使用createElement更容易。

以下是使您前進的示例：

<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>

在上述方法中，如果無法使用javascript或未啟用javascript，則會提交表單，並且可以在服務器上進行處理。 如果可用，它將在本地處理，並且不會提交表單，盡管提交實際上應該基於成功完成操作。

我留給你去思考。

如何在JavaScript中動態添加和更改div？

問題描述

1 個解決方案

解決方案1
0 2012-06-05 00:38:37

如何在JavaScript中動態添加和更改div？

問題描述

1 個解決方案

解決方案1 0 2012-06-05 00:38:37

解決方案1
0 2012-06-05 00:38:37