ie不相容的幾個js問題及解決辦法

標籤：解決方案   解決辦法   div   屬性   ble   事件   ext   生效   設定   

1、table問題

在動態新增tr或者td時，createElement()一般用appendChild();都不生效，解決辦法是用新增tbody，如

var table=document.createElement("table");

var tvody=document.createElement("tbody");

var tr=document.createElement("tr");

var td=document.createElement("td");

table.appendChild(tbody.appendChile(tr.appendChild(td)));

 

2、innerHTML的問題

在IE中不支援動態寫table的innerHTML,但是支援div或者span的innerHTML動態讀寫。

 

  3、設定樣式問題

內斂樣式：如果obj.setAttribute（"stylename"）;stylename對應的樣式不會生效。解決方案：obj.style.cssText="stylename";

外部樣式：obj.setAttribute("class":"className");className對應的外部樣式照樣不會生效。解決辦法：obj.setAttribute("className","className");

 

4、設定屬於元素的事件

對於一個文本obj,IE不支援obj.setAttribute("onclick","functon()"),設定它的onclick屬性做法。解決辦法：obj.onclick=function(){}。注意的是：此處需要放一個匿名的函數

 

5、動態建立選項按鈕

用create和setAttribute()是解決不了問題的。解決辦法：直接document.createElement("<input type=‘radio‘ name=‘myradio‘>");來的更痛快一些

 

6、最後就是用document判斷瀏覽器是否為IE的一個方法，document.uniqueID,因為只有IE唯一能識別uniqueID

ie不相容的幾個js問題及解決辦法