測試如下：
關於對節點對象操作產生的影響：
由於是函數是按值傳遞，所以在插入節點時，引用的是節點本身，而不是它的一個克隆，所以節點被轉移了
如： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>無標題文檔</title> <style type="text/css"> .c2{ border:1px solid #ccc; width:100px; height:100px;} .c1{ border:2px solid #000; width:50px; height:60px;} </style> <meta name="viewport" content="width=device-width, initial-scale=1.0"></head> <body> div1 div2 <input type="button" value="append div1 to div2" id="button" /> </body> </html> [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]最後一個是關於節點的移除的，本來以為用innerHTML=""來移除元素內容的話，在IE中會把創建的節點從內存中徹底消除，事實並非如此，而是產生了很奇怪的現象： 如： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>無標題文檔</title> <style type="text/css"> body{ font-family:"微軟雅黑","Times New Roman", Times, serif; font-size:12px;} .c2{ border:1px solid #ccc; width:500px; height:150px;} .c1{ border:2px solid #000; width:300px; height:100px;} .c3{ border:1px solid #ccc; width:100px; height:50px;} </style> <meta name="viewport" content="width=device-width, initial-scale=1.0"></head> <body> <p>來回重復點擊add_div和inner試試，會發現奇怪的現象。點擊alert，又會發現創建的div沒從內存清除。 用removeChild方法會很正常的表現</p> <input type="button" value="add_div" /> <input type="button" value="inner" /> <input type="button" value="remove" /> <input type="button" value="alert" /> </body> </html> [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]