代碼:
<html>
<head>
<title>範例11-10</title>
<script type="text/javascript">
var number = 1;
function createNewElement()
{
var div, text, textField;
div = document.createElement("div");
textField = document.createElement("input");
textField.type = "text";
text = document.createTextNode("新文字區塊 " + number++ + " ");
div.insertBefore(text, null);
div.insertBefore(textField, null);
document.body.insertBefore(div, null);
}
</script>
</head>
<body>
<h1 style="text-align: center">使用createElement方法</h1>
<br />
<div>
<input type="button" value="新增文字區塊" onclick="createNewElement()" />
</div>
</body>
</html>
我想請問一下,為什麼要增加一個input一定也要加一個div這樣所插入的input才會出現,我把
document.body.insertBefore(div, null);
這行刪掉之後按按鍵都沒有增加input,但是我把body裡面的div刪掉之後,原來的input還會存在呢? 這裡有點卡卡的創造input應該跟div無關才對,麻煩各位解答,謝謝