Dom基礎的一些相容問題

2021-07-30 11:36:20 字數 590 閱讀 7572

id="div1"

class="bbb">div>

window.onload=function

()

var div1 = document.getelementsbyname("div1")[0];

alert(div1);

//ie瀏覽器在獲取不合法的html的name時,會獲取不到

//也就是說name屬性本身不屬於div,所以ie會忽略

id="div1" aaa="bbb"

name="div1"

class="bbb">div>

var div1 = document.getelementbyid("div1");

alert(div1.aaa); //自定義 w3c不合法,部分ie支援,非ie不支援

alert(div1.getattribute("aaa"));//都支援

html通用屬性style和onclick,ie7更低版本style返回乙個物件,onclick返回乙個函式式,ie8已經修復,需要避免使用getattribute獲取屬性

一些相容問題

1.ie9以上瀏覽器input文字框 密碼框後面的小叉子 小眼睛問題 通過css虛擬元素 ms clear ms reveal 禁用 input ms clear 隱藏文字框叉子 input ms reveal 隱藏密碼框小眼睛 2.pie.htc 可以實現很多css3屬性在ie下的相容性 如 圓角...

CSS中一些相容問題

1.img底部有一小段空白 加個邊框看看就知道了 解決 display block vertical align top middle bottom 不是baseline就行 2.ie6,float方向與margin方向一致時,margin會雙倍顯示 解決 display inline 3.ie6,...

IE6的一些相容問題

1 css相容問題 1 ie6不識別html5標籤 解決 引入html5shiv.js庫 2 ie6元素左右浮動,子元素設定高度後,父元素的浮動消失 解決 給子元素也加上浮動 3 ie6下第一塊元素浮動後,第二塊元素加的margin left值等於第一塊元素的寬度,會有間隙問題 解決 第二塊元素去掉...