MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2025-08-04, 21:03

所有顯示的時間為 UTC + 8 小時





發表新文章 回覆主題  [ 3 篇文章 ] 
發表人 內容
文章發表於 : 2007-07-12, 11:02 
離線

註冊時間: 2007-06-20, 15:36
文章: 30
代碼:
<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無關才對,麻煩各位解答,謝謝


最後由 fanta 於 2007-07-16, 13:50 編輯,總共編輯了 1 次。

回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2007-07-13, 12:12 
離線
[網站管理員]
頭像

註冊時間: 2004-09-27, 09:24
文章: 1685
如果用 document.body.insertBefore(div, null) 不就會把 div 出入到 <head> 之後,<body> 之前?不在 <body> 內的元素就不會出現呀。

_________________
korp + korp 中文站(沒精神更新)


回頂端
Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2007-07-13, 14:20 
離線

註冊時間: 2007-06-20, 15:36
文章: 30
感謝kourge大大,我了解了,他只是先把要增加的控制項加到一個新的div,而div還沒把它放到body裡面。


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4
 個人資料  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  [ 3 篇文章 ] 

所有顯示的時間為 UTC + 8 小時


誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 7 位訪客


不能 在這個版面發表主題
不能 在這個版面回覆主題
不能 在這個版面編輯您的文章
不能 在這個版面刪除您的文章
不能 在這個版面上傳附加檔案

搜尋:
前往 :  
cron
Powered by phpBB® Forum Software © phpBB Group
正體中文語系由 竹貓星球 維護製作
© moztw.org, Mozilla Foundation
MozTW,Mozilla 台灣社群