MozTW 討論區
https://forum.moztw.org/

JavaScript新手問題(已解決)
https://forum.moztw.org/viewtopic.php?f=13&t=19665		 第 1 頁 (共 1 頁)
發表人:  fanta [ 2007-07-12, 11:02 ]
文章主題 :  JavaScript新手問題(已解決)
代碼:
<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無關才對，麻煩各位解答，謝謝
發表人:  kourge [ 2007-07-13, 12:12 ]
文章主題 : 
如果用 document.body.insertBefore(div, null) 不就會把 div 出入到 <head> 之後，<body> 之前？不在 <body> 內的元素就不會出現呀。
發表人:  fanta [ 2007-07-13, 14:20 ]
文章主題 : 
感謝kourge大大，我了解了，他只是先把要增加的控制項加到一個新的div，而div還沒把它放到body裡面。
第 1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/