JS 動(dòng)態(tài)獲取節(jié)點(diǎn)代碼innerHTML分析 [IE,FF]
更新時(shí)間:2009年11月30日 22:09:30 作者:
在IE 環(huán)境下 賦值類型為對(duì)象時(shí) 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>
當(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對(duì)象
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)對(duì)元素動(dòng)態(tài)添加私有屬性后獲取innerHTML,如果采用.屬性 方式賦值,無論哪種數(shù)據(jù)類型FireFox都不能獲得,如果當(dāng)賦值的類型是個(gè)對(duì)象的話IE不能通過innerHTML獲得。
如果使用setAttribute方法賦值時(shí),無論哪種數(shù)據(jù)類型FireFox都能獲取,如果當(dāng)賦值的類型是個(gè)對(duì)象的話IE不能獲取 。
總結(jié):在IE 環(huán)境下 賦值類型為對(duì)象時(shí) innerHTML 獲取不到其改變,在FireFox環(huán)境下 .屬性 方式獲取不到其改變。
<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對(duì)象
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)對(duì)元素動(dòng)態(tài)添加私有屬性后獲取innerHTML,如果采用.屬性 方式賦值,無論哪種數(shù)據(jù)類型FireFox都不能獲得,如果當(dāng)賦值的類型是個(gè)對(duì)象的話IE不能通過innerHTML獲得。
如果使用setAttribute方法賦值時(shí),無論哪種數(shù)據(jù)類型FireFox都能獲取,如果當(dāng)賦值的類型是個(gè)對(duì)象的話IE不能獲取 。
總結(jié):在IE 環(huán)境下 賦值類型為對(duì)象時(shí) innerHTML 獲取不到其改變,在FireFox環(huán)境下 .屬性 方式獲取不到其改變。
您可能感興趣的文章:
- 用js動(dòng)態(tài)添加html元素,以及屬性的簡(jiǎn)單實(shí)例
- JavaScript動(dòng)態(tài)改變HTML頁面元素例如添加或刪除
- 通過JS動(dòng)態(tài)創(chuàng)建一個(gè)html DOM元素并顯示
- js 動(dòng)態(tài)創(chuàng)建 html元素
- javascript與jquery動(dòng)態(tài)創(chuàng)建html元素示例
- js動(dòng)態(tài)生成Html元素實(shí)現(xiàn)Post操作(createElement)
- 詳解js的事件處理函數(shù)和動(dòng)態(tài)創(chuàng)建html標(biāo)記方法
- javascript動(dòng)態(tài)判斷html元素并執(zhí)行不同的操作
- js 動(dòng)態(tài)生成html 觸發(fā)事件傳參字符轉(zhuǎn)義的實(shí)例
- JS簡(jiǎn)單實(shí)現(xiàn)動(dòng)態(tài)添加HTML標(biāo)記的方法示例
相關(guān)文章
JS實(shí)現(xiàn)簡(jiǎn)易刻度時(shí)鐘示例代碼
本篇文章主要介紹了JS實(shí)現(xiàn)簡(jiǎn)易刻度時(shí)鐘示例代碼的資料,這里整理了詳細(xì)的代碼,有需要的小伙伴可以參考下。2017-03-03javascript HTMLEncode HTMLDecode的完整實(shí)例(兼容ie和火狐)
用的瀏覽器內(nèi)部轉(zhuǎn)換器實(shí)現(xiàn)轉(zhuǎn)換,方法是動(dòng)態(tài)創(chuàng)建一個(gè)容器標(biāo)簽元素2009-06-06JavaScript中call、apply、bind實(shí)現(xiàn)原理詳解
其實(shí)在很多文章都會(huì)寫call,apply,bind,但個(gè)人覺著如果不弄懂原理,是很難理解透的,所以這篇文章主要介紹了JavaScript中call、apply、bind實(shí)現(xiàn)原理的相關(guān)資料,需要的朋友可以參考下2021-06-06JS+CSS實(shí)現(xiàn)類似QQ好友及黑名單效果的樹型菜單
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)類似QQ好友及黑名單效果的樹型菜單,涉及JavaScript結(jié)合鼠標(biāo)事件針對(duì)頁面元素CSS樣式的動(dòng)態(tài)操作技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-09-09JavaScript 克隆數(shù)組最簡(jiǎn)單的方法
js 樹組復(fù)制方法2009-02-02JS中三目運(yùn)算符和if else的區(qū)別分析與示例
本文是通過示例詳細(xì)分析了JS中三目運(yùn)算符和if else的區(qū)別,是篇非常不錯(cuò)的文章,這里推薦給大家。2014-11-11