相容性記錄 class屬性

2021-06-23 09:46:37 字數 469 閱讀 9169

getattribute獲得class屬性時,ie6,ie7的傳參是classname,ie7+和現代遊覽器都是class

所有遊覽器domelement均有的classname屬性,其在ie各版本下的均表現良好返回屬性class值的字串

此外html5中domelement有個classlist屬性,它返回乙個型別為domtokenlist的物件,它其中有很多有用操作class的方法.

可以寫乙個通用的hasclass方法

function hasclass(n, cls) 

// classname在ie各版本下表現一致

clss = n.classname || n.getattribute('class');

clss = ' ' + clss + ' ';

return clss.indexof(cls) !== -1;

}

相容性(空格相容性)

在chrome與firefox下顯示的寬度不同,原因是兩個瀏覽器的預設字型不同,給html規定字型即可解決。下面有各種形式的空格,各有不同 不換行空格,按下空格鍵所產生的空格,受字型影響明顯 ensp 半形空格 em寬度的一半 乙個小寫字母的寬度 基本不受字型影響 emsp 全形空格 乙個em寬度 ...

ie placeholder屬性的相容性問題

html 5 有個很棒的屬性,placeholder,在滑鼠聚焦到上面時候,提示文字會消失,失去焦點之後,又會出現 但是在不支援html5的低版本的瀏覽器中,placeholder屬性是無效的,為了解決這個問題,因此,人為的去實現placeholder屬性 placeholder功能實現 var p...

模擬相容性的 inline block 屬性

一年前網上還找不到關於 inline block 屬性的文章,為了方便大家更好的理解該屬性,當時總結整理了篇 display inline block的深入理解 而現在對於 inline block 屬性運用的需求也越來越多,可惜依舊只有 firefox3 beta ie8 beta opera s...