<div id="parentnode">
<span id="childnode">child</span>
</div>
<script type="text/javascript">
var childNode = document.getElementById("childnode") , parentNode = document.getElementById("parentnode");
</script>

當為子節(jié)點添加默認屬性時：
childNode.className = "childClass"; 或： childNode.className = new String("childClass");
parentNode.innerHTML IE,FF都能獲得 [ <span class="childClass" id="childnode">child</span> ]

當為子節(jié)點添加私有屬性時：
childNode.type = "childType";
parentNode.innerHTML 當且僅當 IE能獲得 [ <span type="childType" id="childnode">child</span> ]
childNode.type = new String("childType"); //Object對象
parentNode.innerHTML IE,FF都不能獲得 [ <span id="childnode">child</span> ]

childNode.setAttribute("type","childType");
parentNode.innerHTML IE,FF都能獲得 [ <span class="childClass" id="childnode">child</span> ]
childNode.setAttribute("type", new String("childType"));
parentNode.innerHTML 當且僅當 FF能獲得 [ <span class="childClass" id="childnode">child</span> ]

當對元素動態(tài)添加私有屬性后獲取innerHTML，如果采用.屬性 方式賦值，無論哪種數(shù)據(jù)類型FireFox都不能獲得，如果當賦值的類型是個對象的話IE不能通過innerHTML獲得。
如果使用setAttribute方法賦值時，無論哪種數(shù)據(jù)類型FireFox都能獲取，如果當賦值的類型是個對象的話IE不能獲取 。
總結(jié)：在IE 環(huán)境下 賦值類型為對象時 innerHTML 獲取不到其改變，在FireFox環(huán)境下 .屬性 方式獲取不到其改變。

最新評論