关于outerHTML的问题

Question

var table1 = document.getElementById('table1');
var table2 = document.getElementById('table2');
table2.outerHTML=table1.outerHTML;
alert(table2.outerHTML);
为什么弹出来还是table2呢？

Answer 1

1，Dom不是一个真正意义上的js对象   它是被浏览器加工过的js对象。
2，table2.outerHTML=table1.outerHTML;
   同理，我们也不能把outerHTML看成一个简单的成员变量。所以
   这句话并不是真正意义上把table1对象的outerHTML成员付给table2的outerHTML,它仅仅是改变了显示效果。
   但是如果把这句话改成
   table2 = table1;  效果就不一样了   这句话才是真正的把table1对象赋给table2对象。但并不会改变显示效果

Answer 2

outerHTML 和innerHTML不一样的 一个表示包含标签以外所有HTML标签