检测CSS属性 是否支持

原理是:创建一个节点,判断其的style属性是否含有textOverflow属性,有则进一步判断是否支持ellipsis这个值。当遇到不支持的属性值时,浏览器会直接把这个值抛弃。因此这里就可以先给textOverflow赋值“ellipsis”,如果不支持,则其值肯定为空或者其它不等于“ellipsis”的值。因此只要判断赋值后的textOverflow是否等于“ellipsis”即可。

创建一个函数,下面是函数主体:

var element = document.createElement('div');

if('textOverflow' in element.style){

element.style['textOverflow'] = 'ellipsis';

return element.style['textOverflow'] === 'ellipsis';

}else{

return false;

}