JS 動態(tài)獲取節(jié)點代碼innerHTML分析 [IE,FF]
更新時間:2009年11月30日 22:09:30 作者:
在IE 環(huán)境下 賦值類型為對象時 innerHTML 獲取不到其改變,在FireFox環(huán)境下 .屬性 方式獲取不到其改變。
<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)境下 .屬性 方式獲取不到其改變。
<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)境下 .屬性 方式獲取不到其改變。
您可能感興趣的文章:
- 用js動態(tài)添加html元素,以及屬性的簡單實例
- JavaScript動態(tài)改變HTML頁面元素例如添加或刪除
- 通過JS動態(tài)創(chuàng)建一個html DOM元素并顯示
- js 動態(tài)創(chuàng)建 html元素
- javascript與jquery動態(tài)創(chuàng)建html元素示例
- js動態(tài)生成Html元素實現(xiàn)Post操作(createElement)
- 詳解js的事件處理函數(shù)和動態(tài)創(chuàng)建html標記方法
- javascript動態(tài)判斷html元素并執(zhí)行不同的操作
- js 動態(tài)生成html 觸發(fā)事件傳參字符轉(zhuǎn)義的實例
- JS簡單實現(xiàn)動態(tài)添加HTML標記的方法示例
相關(guān)文章
javascript HTMLEncode HTMLDecode的完整實例(兼容ie和火狐)
用的瀏覽器內(nèi)部轉(zhuǎn)換器實現(xiàn)轉(zhuǎn)換,方法是動態(tài)創(chuàng)建一個容器標簽元素2009-06-06JavaScript中call、apply、bind實現(xiàn)原理詳解
其實在很多文章都會寫call,apply,bind,但個人覺著如果不弄懂原理,是很難理解透的,所以這篇文章主要介紹了JavaScript中call、apply、bind實現(xiàn)原理的相關(guān)資料,需要的朋友可以參考下2021-06-06JS+CSS實現(xiàn)類似QQ好友及黑名單效果的樹型菜單
這篇文章主要介紹了JS+CSS實現(xiàn)類似QQ好友及黑名單效果的樹型菜單,涉及JavaScript結(jié)合鼠標事件針對頁面元素CSS樣式的動態(tài)操作技巧,非常簡單實用,需要的朋友可以參考下2015-09-09