JS 動(dòng)態(tài)獲取節(jié)點(diǎn)代碼innerHTML分析 [IE,FF]

2019-11-21 00:57:14

字體：大中小

供稿：網(wǎng)友

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

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

當(dāng)為子節(jié)點(diǎn)添加私有屬性時(shí)：
childNode.type = "childType";
parentNode.innerHTML 當(dāng)且僅當(dāng) 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 當(dāng)且僅當(dāng) FF能獲得 [ <span class="childClass" id="childnode">child</span> ]

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

上一篇：jquery 分頁控件實(shí)現(xiàn)代碼

下一篇：Aptana調(diào)試javascript圖解教程