检测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;

}

转载于:https://www.cnblogs.com/chuangweili/p/5166441.html